Angular ng 学习

    xiaoxiao2025-09-14  875

    ng-app ng-control ng-model ng-click 等等

    ==============

    var app = angular.module('app', []);  

    app.controller('MainCtrl', function($scope) {     $scope.greet = function() {     $scope.message = "Hello, " + $scope.user.name;     }     });    <body ng-app="app" ng-controller="MainCtrl">   What's your name?:     <input type="text" ng-model="user.name" />   <button ng-click="greet()">Click here!</button>   <h3>{{ message }}</h3>  

    </body>

    ==========html tag补充例如pie-chart

    <body>   <pie-chart width="400" height="400" data="data"></pie-chart>   </body>

    ===这个变量必须声明的啊?show=!show,直接每次改变boolean

    <button ng-click="show = !show">Show</button>   <div ng-show="show">   I am only visible when show is true.  </div>

    ---<li ng-repeat="person in developers">       {{person.name}} from {{person.country}}     </li> ===这种看起来和任何其他的模版语言没啥差别,可以直接和变量交互

    使用Service来进行变量交互

    接下来需要借助services来解决这个问题,利用services将user name在controller之间共享。  service==userinformation,函数是初始化函数 app.factory('UserInformation', function() {     var user = {     name: "Angular.js"   };    return user;     });

    转载请注明原文地址: https://ju.6miu.com/read-1302629.html
    最新回复(0)