[2015-10-28]Angularjs-----数据获取，关联
生活随笔
收集整理的這篇文章主要介紹了
[2015-10-28]Angularjs-----数据获取，关联
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
收藏：需加angular.js文件
<html > <head><title></title><meta charset="utf-8"/><style type="text/css">input {font-size:64px;}</style><script src="angular.js"></script> </head> <body ng-app="app.demo"><div ng-controller="ListCtrl"><fieldset><legend>users</legend><ul><li ng-repeat="user in users | orderBy: 'weight'"><a href="#" ng-click="show(user.id)" >{{user.name}} {{user.weight}}</a></li></ul></fieldset><fieldset><legend>user</legend><div ng-show="user" ><h1> {{user.name}} </h1><input type="text" ng-model="user.weight" /></div></fieldset></div><script type="text/javascript">var myApp = angular.module("app.demo", []);myApp.factory("Data", function(){return {users:[{id:0,name:"第一名",weight:100},{id:1,name:"第二名",weight:200},{id:2,name:"第三名",weight:300},{id:3,name:"第四名",weight:400},{id:4,name:"第五名",weight:500}]};});myApp.controller("ListCtrl", ["$scope", "Data", function($scope, Data) {$scope.users = Data.users;$scope.show = function(id){$scope.user= Data.users[id];}}]); </script></body> </html>?
轉載于:https://www.cnblogs.com/rysly/p/ng-repeat.html
總結
以上是生活随笔為你收集整理的[2015-10-28]Angularjs-----数据获取，关联的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微软在谷歌 Chrome 浏览器官网注入
- 下一篇： 亚马逊和AI初创公司合作 计划同Chat