精华内容
参与话题
问答
  • angular JS

    2013-12-02 20:52:17
    angular JS
    angular JS
    展开全文
  • Angular Js

    2016-12-19 10:36:00
  • Angular JS

    2016-03-29 13:33:22
    在了解JavaScript,jQuery的基础上,对Angular JS应该熟悉的比较快。 首先,推荐一个菜鸟课程:http://www.runoob.com/ 对了解Angular JS的原理,以及如何使用就很清楚。 1.Angular JS的原理 AngularJS 指令是扩展...

    在了解JavaScript,jQuery的基础上,对Angular JS应该熟悉的比较快。

    首先,推荐一个菜鸟课程:http://www.runoob.com/ 对了解Angular JS的原理,以及如何使用就很清楚。

    1.Angular JS的原理

    AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-;

    一个网页可以包含多个运行在不同元素中的 AngularJS 应用程序;

    在大型的应用程序中,通常是把控制器存储在外部文件中。

    2.Angular JS的命令

    ng-app 指令初始化一个 AngularJS 应用程序;

    <div ng-app></div>:指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者";
    ng-init 指令初始化应用程序数据,使用 ng-init 不是很常见;
    ng-init="points=[1,15,19,2,40]"数组;
    ng-model :指令把元素值(比如输入域的值)绑定到应用程序。

    一个例子:

    ng-model 指令基于它们的状态为 HTML 元素提供了 CSS 类:
    AngularJS 实例
    <style>
    input.ng-invalid {
        background-color: lightblue;
    }
    </style>
    <body>
    <form ng-app="" name="myForm">
        输入你的名字:
        <input name="myAddress" ng-model="text" required>
    </form>

    3.Angular JS可以做哪些事

    3.1更改MVC模型中的css-------

    推荐:http://www.cnblogs.com/whitewolf/archive/2013/05/22/3092184.html 其中的三种方法我都试过可行。

    • <div class="{{classname}}>test1</div> 对应:$scope.classname="你定义的css类"
    • <div ng-class="{true:'classname1',false:'classname2'}[isActive]>test2</div> 对应:$scope.isActive=true或false
    • <div ng-class="{'classname1':isClassname1,'classname2':isClassname2,'classname3':isClassname3}"></div>对应:$scope.isClassname1=true;或设置其他的css类为true

    3.2获取后台数据,更新前台信息

    $http 是 AngularJS 应用中最常用的服务。服务向服务器发送请求,应用响应服务器传送过来的数据。
    AngularJS $http 是一个用于读取web服务器上数据的服务。
    $http.get(url) 是用于读取服务器数据的函数

    我是这么做的demo:

    首先模拟后台数据,比如json:

    var txt=‘{”books":[{"name":"java","price":"10"},{"name":"c++","price":"15"}]}';

    然后解析后台数据

    var obj=eval("("+txt+")");

    obj就是一个对象数组,这样取值:obj.books[0].name。

    3.3  ng-include 包含HTML

    客户端包含:格式:ng-include="'xxx.html'"

    展开全文
  • Angular js

    2015-03-16 21:05:00
    Angular jsjs基础上封装的framework,适合前后端分离开发中用于前端开发。 Angular js中view和model的动态绑定是特色之一。 Angular js的代码运行分为config阶段和run阶段。例如用ng-route做单页面,则route配置...

    Angular js是js基础上封装的framework,适合前后端分离开发中用于前端开发。

    Angular js中view和model的动态绑定是特色之一。

    Angular js的代码运行分为config阶段和run阶段。例如用ng-route做单页面,则route配置在config阶段运行,controller,constants,factory,service在run阶段运行。所以config阶段不能使用run阶段定义的方法和变量。

    Angular js可动态设置网页上元素的值(ng-binding),是否显示(ng-show/ng-hide),是否存在(ng-if),显示样式(ng-class)。

    Angular js可自定义元素标签,属性。可将项目中可重复使用的view代码段和对应逻辑封装成标签或属性以便重复使用。若只有可重复使用的html代码段,此代码段没有对应逻辑,则可使用ng-include。

     

    转载于:https://www.cnblogs.com/luckygirlalisa/p/4342797.html

    展开全文
  • angular js

    2015-03-15 17:09:32
    继续学习angular js 中。。。
  • angular js springboot

    2018-12-11 09:19:58
    angular js springboot 整合项目中之前做的都是静态路由,怎么整成动态路由啊
  • Angular JS 入门

    2018-07-06 20:36:36
    Angular JS 入门1.1 Angular JS 简介 Angular JS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:...
  • 为您提供angular js Web页面框架下载,Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有...
  • angular-ymaps, Yandex映射API作为 Angular JS direcitive 角 ymaps Yandex映射API作为 Angular JS direcitive 。使用 Это модуль для Angular JS,предназначенный для просто...
  • angular-blocks, Angular JS的模板继承 角块 使用 Jade 和 Django 启发了 AngularJS的模块样式模板继承。安装需要 jquery 。下载 angular-blocks.min.js 插件,或者安装。$ bower install angu
  • angular js最新版

    2014-10-22 10:43:41
    分享最新的angular js 1.3.0.14
  • angular-smarty, 使用 Angular JS编写的自动完成用户界面 角 smarty使用 Angular JS编写的自动完成用户界面。安装bower install angular-smarty配置在 smarty-config.js 中处理配置injected主配置变量injected主配置...
  • Angular js总结

    2016-01-09 12:12:00
    之前看过一些angular js的相关技术文档,今天在浏览技术论坛的时候发现有问angular js是做什么用的? 于是有了一个想法,对于自己对angular js 的认知做一个总结。 总结:  angular js是一个js框架,这个框架极...
  • Angular JS学习之表达式

    2019-09-22 09:38:07
    2.Angular JS表达式写在双大括号中:{{expression}} **Angular JS表达式把数据绑定到HTML,这与ng-bind指令有异曲同工之妙; **Angular JS将在表达式书写的位置“输出”数据 **Angular JS表达式很像javascript...
  • 自己正在做一个小网站,使用Angular JS + Express JS + Mongo DB,在开发过程中,遇到一些问题,所以整理出来。希望对大家都有帮助。  这是今天解决的一个问题,Angular JS抛出Warning: Tired to load angular ...
  • 主要介绍了Angular JS数据的双向绑定详解及实例的相关资料,需要的朋友可以参考下
  • Angular JS 学习笔记

    2017-11-14 09:57:39
    Angular JS常用指令,使用方式总结
  • Angular JS入门

    2016-05-15 20:59:28
    1.Angular JS是一个独立的脚本库。 2.Angular应用解析: 1)模板(HTML+CSS) 2)应用程序逻辑和行为:JavaScript定义的控制器 3)模型数据Data:Angular作用域对象,可以是JavaScript对象、数组或者基本类型。 3....
  • Laravel和 Angular JS开发全栈知乎 前端AngularJS,后端Laravel,开发一个你自己的 “知乎”,特别适合这两门技术的初学者,让你获得技术和开发思维的双重提升

空空如也

1 2 3 4 5 ... 20
收藏数 32,058
精华内容 12,823
关键字:

angularjs