码迷,mamicode.com
首页 > 其他好文 > 详细

Angular-指令

时间:2017-06-08 22:22:39      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:集合   技术   width   image   height   用户   第一个   页面   img   

 


2017-06-08

Angular指令。

ng-init:初始化数据

在属性值中用 = 符号为变量值,用户;隔开,并且不能使用var

技术分享

 

ng-app:开启angular应用模式,一个页面只能出现一次

可以有属性值,但要在js中定义这个项目,如果没有属性值,可以直接在是视图中使用了

技术分享

 

ng-model:双向数据绑定

 技术分享

技术分享

 

ng-bind:插值的另一种写法页面渲染时看不到插值符号 

 

ng-repeat:循环

技术分享

ng-show:是否显示

<div> ng-show="true"</div>

 

ng-hide:是否隐藏

<div ng-hide="true"></div>

 

Angular.module获取应用程序的

var arr = angular.module("mk",[])

第一个参数表示app表示

第二个参数表示依赖集合

即使没有依赖也要写上空数组

 

controller定义控制器的

arr.controller("kz",function($scope){})

第一个参数表示控制器的名称

第二个参数表示工厂方法

默认没有参数

作用域是一个空对象

 

Angular-指令

标签:集合   技术   width   image   height   用户   第一个   页面   img   

原文地址:http://www.cnblogs.com/qiaocanpeng/p/6964785.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!