{"id":6976,"date":"2018-11-02T11:26:29","date_gmt":"2018-11-02T03:26:29","guid":{"rendered":"https:\/\/sdeno.com\/?p=6976"},"modified":"2018-11-02T19:21:26","modified_gmt":"2018-11-02T11:21:26","slug":"angular-1-3-x-%e7%ac%94%e8%ae%b0","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=6976","title":{"rendered":"angular 1.3.x \u7b14\u8bb0"},"content":{"rendered":"
<\/div>
<\/div><\/div><\/div>\"https:\/\/sdeno.com\/wp-content\/uploads\/2018\/11\/u39643507382133201787fm26gp0-300x224.jpg\"<\/figure>\n

\u7b14\u8bb0\u57fa\u4e8eangular 1.3.17 \uff0c\u867d\u7136\u73b0\u5728\u67092.x\u8fd8\u542c\u8bf41.x\u548c2.x\u662f \u8df3\u5d16\u5f0f\u7684\u5347\u7ea7\uff0c\u5f88\u591a\u65b9\u6cd5\u90fd\u4e0d\u4e00\u6837\u4e86\uff0c\u6ca1\u529e\u6cd5\u53ea\u80fd\u53bb\u5b66\u4e60\u8001\u7248\u672c\u4e86\u516c\u53f8\u9879\u76ee\u662f\u57fa\u4e8e\u8001\u7248\u672c\u5f00\u53d1\u7684\u3002<\/p>\n

https:\/\/www.bootcdn.cn\/angular.js\/1.3.17\/<\/a><\/p>\n

\u4ee5\u4e0a\u94fe\u63a5\u8fd8\u5305\u62ec\u4e00\u4e9b\u6269\u5c55\u529f\u80fd\uff0c\u4f8b\u5982cookie\u63d2\u4ef6\u3001\u52a8\u753b\u6548\u679c\u63d2\u4ef6\u3001\u7c7b\u4f3cajax\u529f\u80fd\u7684\u63d2\u4ef6\u7b49\u7b49<\/p>\n

 <\/p>\n

\u4ee3\u7801\u603b\u63fd<\/span>\uff1a<\/p>\n

<body ng-app<\/span>=\"phonecatApp\">\r\n\r\n <div ng-controller<\/span>=\"PhoneListCtrl\">\r\n   <li ng-repeat=\"phone in phones\">\r\n     <span>{{phone.name}}<\/span>\r\n     <span>{{phone.snippet}}<\/span>\r\n   <\/li>\r\n <\/div>\r\n\r\n\r\n <script>\r\n  var phonecatApp = angular.module('phonecatApp<\/span>', ['infinite-scroll', 'timer']); \/\/ \u521b\u5efamodule\r\n\r\n  phonecatApp.controller('PhoneListCtrl<\/span>', function ($scope, $http,$rootScope) {\r\n    $scope.phones = [\r\n      {'name': '\u540d\u5b571','snippet': '\u5185\u5bb91'},\r\n      {'name': '\u540d\u5b572','snippet': '\u5185\u5bb92'},\r\n      {'name': '\u540d\u5b573','snippet': '\u5185\u5bb93'}\r\n    ];\r\n  });\r\n\r\n <\/script>\r\n\r\n<\/body><\/pre>\n
 <\/p>\n
\u6548\u679c\uff1a<\/p>\n
<\/div>
<\/div><\/div><\/div>\"https:\/\/sdeno.com\/wp-content\/uploads\/2018\/11\/ag1.jpg\"<\/figure>\n
 <\/p>\n
 <\/p>\n
\u906e\u4e11<\/span><\/p>\n
[ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {\r\n  display: none !important;\r\n}<\/pre>\n
<body ng-app=\"phonecatApp\" ng-cloak><\/pre>\n
 <\/p>\n
 <\/p>\n
\u5168\u5c40\u53d8\u91cf<\/span><\/p>\n
phonecatApp.controller() \u72ec\u7acb\u7684\u63a7\u4ef6\u4e4b\u95f4\u53d8\u91cf\u662f\u4e0d\u80fd\u4f20\u9012\uff0c\u8fd9\u4e9b\u9700\u8981\u5168\u5c40\uff0c\u5728\u4efb\u610fxx.controller()\u4e2d\u90fd\u53ef\u4ee5\u8c03\u7528\u3002<\/p>\n
 var phonecatApp = angular.module('phonecatApp', ['infinite-scroll']);\r\n phonecatApp.run(function($rootScope){  \/\/\u58f0\u660e\u5168\u5c40\r\n    $rootScope.people ={\r\n       name:'\u5c0f\u660e',\r\n       age:'12',\r\n       tel:'12233333333'\r\n    };\r\n });\r\n\r\n\r\n phonecatApp.controller('PhoneListCtrl', function ($scope, $http,$rootScope) {\r\n    console.log($rootScope.people.name)  \/\/\u5c0f\u660e\r\n });<\/pre>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
class\u5224\u65ad<\/span><\/p>\n
 <!--\u7b2c\u4e00\u79cd \u76f4\u63a5\u52a0\u53d8\u91cf--> \r\n <div ng-class=\"tempClass\"><\/div> \r\n\r\n <!--\u7b2c\u4e8c\u79cd \u7528{{}} \u5305\u4f4f\u7684\u53d8\u91cf\u8868\u8fbe\u5f0f--> \r\n <div ng-class=\"{{bClass}}\"><\/div> \r\n\r\n <!--\u7b2c\u4e09\u79cd--> \r\n <div ng-class=\"{'red':num,'green':!num}\"><\/div> \r\n\r\n <!--\u7b2c\u56db\u79cd--> \r\n <div ng-class=\"{true:'green',false:'red'}[num]\"><\/div> \r\n\r\n\r\n\r\napp.controller('frist',function($scope){ \r\n  $scope.tempClass = 'green'; \r\n  $scope.bClass = \"{'red':true,'green':false}\" \r\n  $scope.num = true; \r\n}<\/pre>\n
 <\/p>\n
 <\/p>\n
\u6eda\u52a8\u52a0\u8f7d<\/span><\/p>\n
\u501f\u52a9\u63d2\u4ef6\uff1ahttps:\/\/cdn.bootcss.com\/ngInfiniteScroll\/1.2.0\/ng-infinite-scroll.min.js<\/a><\/p>\n
 <\/p>\n
<script src=\"angular.min.js\"><\/script>\r\n<script src=\"ng-infinite-scroll.min.js\"><\/script>\r\n\r\n\r\n<div ng-controller=\"PhoneListCtrl\">\r\n <div class=\"box\" infinite-scroll=\"loadMore()\" infinite-scroll-disabled=\"scroll_status\" infinite-scroll-distance='1'>\r\n    <li ng-repeat=\"phone in phones\">\r\n      <span>{{phone.name}}<\/span>\r\n      <span>{{phone.snippet}}<\/span>\r\n    <\/li>\r\n <\/div>\r\n<\/div>\r\n\r\nvar phonecatApp = angular.module('phonecatApp', ['infinite-scroll']); \/\/ \u521b\u5efamodule\uff0c\u8fd9\u91cc\u8981\u6ce8\u5165infinite-scroll\u63d2\u4ef6\u4e4b\u540e\u624d\u53ef\u4ee5\u4f7f\u7528\u5176\u65b9\u6cd5\r\nphonecatApp.controller('PhoneListCtrl', function ($scope, $http) {\r\n\r\n   $scope.scroll_status=false;\r\n\r\n   $scope.loadMore =function () {\r\n      $scope.scroll_status=true;  \/\/\u6eda\u52a8\u5230\u5e95\u90e8\uff0c\u6b63\u5728\u52a0\u8f7d\u6570\u636e\uff0c\u7981\u6b62\u591a\u6b21\u6267\u884c\r\n      console.log('\u5230\u5e95\u90e8\u4e86');\r\n   }\r\n\r\n});<\/pre>\n
 <\/p>\n
infinite-scroll\u00a0 \/\/box\u5bb9\u5668\u91cc\u9762\u7684\u5185\u5bb9\u6eda\u52a8\u5230\u5e95\u90e8\u7684\u65f6\u5019\u4f1a\u6267\u884cloadMore()\u7684\u51fd\u6570<\/p>\n
infinite-scroll-disabled\u00a0 \/\/\u9ed8\u8ba4\u4e3afalse\uff0c\u4f5c\u7528\u662f\u9632\u6b62\u6eda\u52a8\u5230\u5e95\u90e8\u7684\u77ac\u95f4\u53ef\u80fd\u4f1a\u9020\u6210\u591a\u6b21\u6267\u884cloadMore()\u7684\u65f6\u5019\uff0c\u503c\u4e3atrue\u65f6\u5c31\u505c\u6b62\u4e86infinite-scroll\u7684\u56de\u8c03\uff0c\u4e5f\u5c31\u662f\u4e0d\u6267\u884cloadMore()\u4e86<\/p>\n
infinite-scroll-distance \/\/\u503c\u9ed8\u8ba4\u4e3a0\u65f6\uff0c\u6548\u679c\u5c31\u662f\u5185\u5bb9\u4e00\u5b9a\u8981\u6eda\u52a8\u5230\u5e95\u90e8\u7684\u65f6\u5019\u624d\u4f1a\u89e6\u53d1\u51fd\u6570\uff0c\u5982\u679c\u503c\u8d8a\u5927\uff0c\u4f1a\u611f\u89c9\u5230\u7a0d\u5fae\u6eda\u52a8\u4e00\u70b9\u70b9\u4e5f\u4f1a\u89e6\u53d1\u5230infinite-scroll\u56de\u8c03\u6267\u884cloadMore()<\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
\u7b14\u8bb0\u57fa\u4e8eangular 1.3.17 \uff0c\u867d\u7136\u73b0\u5728\u67092.x\u8fd8\u542c\u8bf41.x\u548c2.x\u662f \u8df3\u5d16\u5f0f\u7684\u5347\u7ea7\uff0c\u5f88\u591a\u65b9\u6cd5\u90fd\u4e0d\u4e00\u6837 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-6976","post","type-post","status-publish","format-standard","hentry","category-angularjs"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/6976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6976"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/6976\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}