学习angular.js的一些笔记想法(上)

1.data-ng-app与ng-app的区别

　　data-ng-app是为了h5不报错

 2.ng-class

　　不多说就来拿例子说吧

　　HTML代码

= data-ng-=>

　　js代码：

$scope.colorChanger=;

　　此时的变量colorChanger=false,那么！colorChanger=true,所以：‘color-changer-hiden':true;这时的div就addClass这个color-　changer-hiden,当‘color-changer-hiden':false是removeClass这个color-　changer-hiden累;

　　再比如说

　　

$scope.lala = ;

rush:html;toolbar: true; auto-links: false;">

　　因为lala=true，所以div的class='haha'；

哈哈 你懂了吗？反正我懂了哈

 3.$rootScope：

　　首先,$scope是连接html跟javascript的纽带

　　我们都知道angular.js有个$scope，哈哈，那么$rootScope的意思呢，$rootScope可作用于整个应用中，是各个controller中scope的桥梁。用于rootscope定义的值，可以在各个controller中应用，$rootScope是所有$scope的最上层　　$rootscope可以作用于整个应用中，是各个controller中scope的桥梁，是贯穿各个controller的

4.数据绑定

　　angular的数据绑定是{{}}双大括号，

　　HTML代码：

type= data-ng-href= href=>

　　js代码：

$rootScope.colors=

就给页面上的这个colors赋值了。

 5.ng-transclude

　　（1）ng-transclude指明的是一个插入的位置，

　　（2）指令中标签里的元素先删除然后被嵌入所包含的内容所替代

　　好的上代码

　　

HTML代码

> >
<span style="color: #800000">text</span><span style="color: #800000">"</span>>
>{{text}}

js代码
app.directive(<span style="color: #800000">'<span style="color: #800000">pane<span style="color: #800000">'<span style="color: #000000">,function(){
<span style="color: #0000ff">return<span style="color: #000000"> {
restrict: <span style="color: #800000">'<span style="color: #800000">E<span style="color: #800000">'<span style="color: #000000">,transclude: <span style="color: #0000ff">true<span style="color: #000000">,scope: { title:<span style="color: #800000">'<span style="color: #800000">@<span style="color: #800000">'<span style="color: #000000"> },template: <span style="color: #800000">'<span style="color: #800000"><div style="border: 1px solid black;"><span style="color: #800000">' +
<span style="color: #800000">'<span style="color: #800000"><div style="background-color: gray"> {{title}}

<span style="color: #800000">' +
<span style="color: #800000">'<span style="color: #800000">

<span style="color: #800000">' +
<span style="color: #800000">'<span style="color: #800000">