angularJS

来源：互联网发布：js涂料防水编辑：程序博客网时间：2024/05/16 06:28

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>

0 0