Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 806b446

Browse files
Update built-in directive p3
1 parent b8198e0 commit 806b446

File tree

3 files changed

+27
-8
lines changed

3 files changed

+27
-8
lines changed

‎angular-builtin-directive-p3/.gitignore

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
11
.idea
2-
angular-builtin-directive-p2.iml
2+
angular-builtin-directive-p3.iml

‎angular-builtin-directive-p3/app.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,18 @@
99
this.products = products;
1010
});
1111

12+
app.controller('PanelController', function () {
13+
this.tab = 'description';
14+
15+
this.setTab = function (tab) {
16+
this.tab = tab;
17+
};
18+
19+
this.isSelected = function (tab) {
20+
return this.tab === tab;
21+
}
22+
});
23+
1224
var products = [
1325
{
1426
name: 'Apple iPad Air 2 Wifi/4G 16G',

‎angular-builtin-directive-p3/index.html

Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -25,23 +25,30 @@ <h2>$ {{product.price}}</h2>
2525

2626
<button class="btn btn-primary" ng-show="product.inStock">Thêm vào giỏ</button>
2727

28-
<section ng-init="tab = 1">
28+
<hr>
29+
<section ng-controller="PanelController as panel">
2930
<ul class="nav nav-pills">
30-
<li><a ng-click="tab = 1" href>Giới thiệu</a></li>
31-
<li><a ng-click="tab = 2" href>Cấu hình</a></li>
32-
<li><a ng-click="tab = 3" href>Đánh giá</a></li>
31+
<li ng-class="{active:panel.isSelected('description')}">
32+
<a ng-click="panel.setTab('description')" href>Giới thiệu</a>
33+
</li>
34+
<li ng-class="{active:panel.isSelected('specification')}">
35+
<a ng-click="panel.setTab('specification')" href>Cấu hình</a>
36+
</li>
37+
<li ng-class="{active:panel.isSelected('review')}">
38+
<a ng-click="panel.setTab('review')" href>Đánh giá</a>
39+
</li>
3340
</ul>
34-
<div class="panel" ng-show="tab === 1">
41+
<div class="panel" ng-show="panel.isSelected('description')">
3542
<h4>Giới thiệu</h4>
3643

3744
<p>{{product.description}}</p>
3845
</div>
39-
<div class="panel" ng-show="tab === 2">
46+
<div class="panel" ng-show="panel.isSelected('specification')">
4047
<h4>Cấu hình</h4>
4148

4249
<p>None yet</p>
4350
</div>
44-
<div class="panel" ng-show="tab === 3">
51+
<div class="panel" ng-show="panel.isSelected('review')">
4552
<h4>Đánh giá</h4>
4653

4754
<p>None yet</p>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /