初识angular
Angular、
2017-05-24
资料整理
ng-app
ng-model
ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error)
ng-model 指令根据表单域的状态添加/移除以下类：
ng-empty
ng-not-empty
ng-touched
ng-untouched
ng-valid
ng-invalid
ng-dirty
ng-pending
ng-pristine
ng-bind
ng-controller
ng-repeat
app.directive 函数添加自定义指令
/**
restrict 值可以是以下几种:
E 作为元素名使用
A 作为属性使用
C 作为类名使用
M 作为注释使用
*/
app.directive("runoobDirective", function() {
return {
restrict : "A",
template : "<h1>自定义指令!</h1>"
};
});
ng-show
Scope(作用域)
<div ng-app="myApp" ng-controller="myCtrl">
<h1></h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.carname = "Volvo";
});
</script>
ng-click
根作用域
<div ng-app="myApp" ng-controller="myCtrl">
<h1> 家族成员:</h1>
<ul>
<li ng-repeat="x in names"> </li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $rootScope) {
$scope.names = ["Emil", "Tobias", "Linus"];
$rootScope.lastname = "Refsnes";
});
</script>
angular 过滤器
angular 服务
angular http
// 简单的 GET 请求，可以改为 POST
$http({
method: 'GET',
url: '/someUrl'
}).then(function successCallback(response) {
// 请求成功执行代码
}, function errorCallback(response) {
// 请求失败执行代码
});