ng-include,
angularJS http
<body class="container" ng-app="angularJSApp">
<div ng-include="'resources/http_header.html'"></div>
<div ng-controller="httpCtrl">
<ul>
<li ng-repeat="x in names">
{{x.Name + ',' + x.Country + ',' + x.Url}}
</li>
</ul>
</div>
</body>
<script>
var app = angular.module('angularJSApp',[]);
app.controller('httpCtrl',function($scope,$http){
$http.get("json/test.json")
.success(function (response) {
$scope.names = response.sites;
});
})
</script>
其中的 ng-include 后的url不要忘记" "里还有个' ' ;
设置行内样式
下述代码实现上图功能,div背景颜色随着输入框内的改变而改变。
<body class="container" ng-app="angularJSApp">
<header class="page-header">
<h1>设置行内样式</h1>
</header>
<div ng-controller="styleCtrl">
<div><input type="text" ng-model="style.backgroundColor"/>{{style.backgroundColor}}</div>
<div ng-style="style"></div>
</div>
</body>
<script>
var app = angular.module('angularJSApp', []);
app.controller('styleCtrl',function($scope){
$scope.color = 'blue';
$scope.style = {
width: 100,
height: 100,
backgroundColor: $scope.color
}
})
</script>