angularJS 入门基础

JavaScript 前端之家
前端之家收集整理的这篇文章主要介绍了angularJS 入门基础，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

angular 　　

所有用到的库,全部用的CDN：

代码如下:
>

.angular的数据绑定实例,这个是最基础的,angular的所有枝叶全部从这里开始:.

代码如下:
"> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{{data}}

通过angular,展示数组对应的数据;.

代码如下:
"> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,[]);
.s{ color:#f00; } li{ cursor: pointer; }

.数据过滤器的DEMO：

代码如下:
"> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,[]);
{{sourCode | up}}

.factory工厂,$provider,service等等都是一样样的,不要感觉很难,其实就是看出一个数据模型或者实例就好了;：

代码如下:
"> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,[]);
方法,可以理解为一个多个控制器都可以用的函数;
app.factory("ff",function() { return { "noting" : "json" }; }); app.controller("factory",function($scope,ff) { $scope.json = ff; });
do you content for?

.ng-switch指令的使用(这个跟模板很想的,就是我们常见的点击隐藏和显示Tab插件的angular首先):：

代码如下:
"> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,[]);
  • other

    • 如何操作页面的样式,这个直接改绑定的数据模型就好了：

    代码如下:
    方法,把元素的属性赋值给一个变量,你只要改变这个变量即可)

    angular中的模板如何使用,这个要配合路由器使用比较叼:

    代码如下:
    "> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,[]);

    如何使用$scope.$watch实时改变绑定界面的模板:

    代码如下:
    "> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,[]);
    angular的通知数据更新三种方式$scope.$digest(),$scope.$apply(),以及通过$scope.$watch监听进行更新;
    > {{wat}}

    angular中自己定义的工具方法

    代码如下:
    "> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,[]);
    方法列表

    ng-transclude的使用(这个是官方的案例)，代码如下:

    代码如下:
    "> "> angular 　　<Meta http-equiv="X-UA-Compatible" content="IE=edge,[]);