摘要: AngularJS 参考手册 AngularJS 指令 本教程用到的 AngularJS 指令 : 过滤器解析 AngularJs 过滤器。 AngularJS 事件 AngularJS 支持以下事件: ng-click ng-dbl-click ng-mousedown ng-mouseenter 阅读全文
posted @ 2017-07-08 22:31 猪阿南 阅读(423) 评论(0) 推荐(0) 编辑
摘要: AngularJS 参考手册 AngularJS 指令 本教程用到的 AngularJS 指令 : 过滤器解析 AngularJs 过滤器。 AngularJS 事件 AngularJS 支持以下事件: ng-click ng-dbl-click ng-mousedown ng-mouseenter 阅读全文
posted @ 2017-07-08 22:31 猪阿南 阅读(98) 评论(0) 推荐(0) 编辑
摘要: AngularJS 路由 本章节我们将为大家介绍 AngularJS 路由。 AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。 通常我们的URL形式为 h 阅读全文
posted @ 2017-07-08 22:26 猪阿南 阅读(195) 评论(0) 推荐(0) 编辑
摘要: AngularJS 依赖注入 什么是依赖注入 wiki 上的解释是:依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。 该模式分离了客户端 阅读全文
posted @ 2017-07-08 22:16 猪阿南 阅读(202) 评论(0) 推荐(0) 编辑
摘要: ngAnimate 做了什么? ngAnimate 模型可以添加或移除 class 。 ngAnimate 模型并不能使 HTML 元素产生动画,但是 ngAnimate 会监测事件,类似隐藏显示 HTML 元素 ,如果事件发生 ngAnimate 就会使用预定义的 class 来设置 HTML 元 阅读全文
posted @ 2017-07-08 22:06 猪阿南 阅读(137) 评论(0) 推荐(0) 编辑
摘要: ng-include = "' new.htm '"; ng-include 指令除了可以包含 HTML 文件外,还可以包含 AngularJS 代码: 默认情况下, ng-include 指令不允许包含其他域名的文件。 如果你需要包含其他域名的文件,你需要设置域名访问白名单: <body ng-a 阅读全文
posted @ 2017-07-08 21:44 猪阿南 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 给个链接自己看:http://www.runoob.com/angularjs/angularjs-api.html 阅读全文
posted @ 2017-07-08 21:23 猪阿南 阅读(206) 评论(0) 推荐(0) 编辑
摘要: <meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script></head><body> <h2>验证实例</h2> <form ng-app="myApp" 阅读全文
posted @ 2017-07-08 21:12 猪阿南 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 在模块定义中 [] 参数用于定义模块的依赖关系。中括号[]表示该模块没有依赖,如果有依赖的话会在中括号写上依赖的模块名字。 JavaScript 中应避免使用全局函数。因为他们很容易被其他脚本文件覆盖。 AngularJS 模块让所有函数的作用域在该模块下,避免了该问题。 对于 HTML 应用程序, 阅读全文
posted @ 2017-07-08 21:03 猪阿南 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 除了 AngularJS 内置的指令外,我们还可以创建自定义指令。 你可以使用 .directive 函数来添加自定义的指令。 要调用自定义指令,HTML 元素上需要添加自定义指令名。 使用驼峰法来命名一个指令, runoobDirective, 但在使用它时需要以 - 分割, runoob-dir 阅读全文
posted @ 2017-07-08 20:42 猪阿南 阅读(86) 评论(0) 推荐(0) 编辑
摘要: ng-click 指令定义了 AngularJS 点击事件。<button ng-click="count = count + 1">点我!</button> 当然还有函数 阅读全文
posted @ 2017-07-08 20:28 猪阿南 阅读(61) 评论(0) 推荐(0) 编辑
摘要: ng-disable 将数据绑定到h5元素的disable属性 比如: <div ng-app="" ng-init="mySwitch=true"><p><button ng-disabled="mySwitch">点我!</button></p><p><input type="checkbox" 阅读全文
posted @ 2017-07-08 20:05 猪阿南 阅读(148) 评论(0) 推荐(0) 编辑
摘要: <head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script><style>table, th , td { border: 1px solid g 阅读全文
posted @ 2017-07-08 19:48 猪阿南 阅读(319) 评论(0) 推荐(0) 编辑
摘要: ng-init 设置默认选中值。<div ng-app="myApp" ng-controller="myCtrl"> <select ng-init="selectedName = names[0]" ng-model="selectedName" ng-options="x for x in n 阅读全文
posted @ 2017-07-08 19:26 猪阿南 阅读(545) 评论(0) 推荐(0) 编辑