Related Posts Widget for Blogs by LinkWithin

目前日期文章:201405 (5)

瀏覽方式: 標題列表 簡短摘要

架構分解介紹


當處理相同事情的 directive 變多,就可以考慮再將這部分獨立成一份檔案
(function(){
var app = angular.module('store', [ ]);
app.controller('StoreController', function(){....});
app.directive('productTitle', function(){...});
app.directive('productGallery', function(){...});
app.directive('productPanels', function(){...});

....
})();

soarlin 發表在 痞客邦 PIXNET 留言(0) 人氣()

ng-include用法

<ul class="list-group">

<li class="list-group-item" ng-repeat="product in store.products">
<h3>
{{product.name}}
<em class="pull-right">{{product.price | currency}}</em>

</h3>
<section ng-controller="PanelController as panel">
.....

soarlin 發表在 痞客邦 PIXNET 留言(0) 人氣()

Form 使用範例


雙向資料綁定,使用到:ng-model, ng-submit

soarlin 發表在 痞客邦 PIXNET 留言(0) 人氣()

使用 Tab 的範例

<li><a href ng-click="tab = 1">Description</a></li>

對應 Div

<div class="panel" ng-show="tab === 1">
<h4>Description</h4>
<p>{{product.description}}</p>
</div>

soarlin 發表在 痞客邦 PIXNET 留言(0) 人氣()

以下筆記內容,都是從 codeschoolAngularJS 課程而來

Include CDN angular.js

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>

soarlin 發表在 痞客邦 PIXNET 留言(0) 人氣()