當表達式的值發生變化時更新div

我正在使用angularjs構建網站。我有一些內容特定的選項卡，即他們有自己的內容。點擊標籤時，只有其內容可見。每個選項卡在控制器中都有一個ID。我想要監視標籤ID中的更改並相應地更改標籤的內容。我該怎麼做？我已閱讀約ng-bind。當表達式發生變化時，它會使用提供的表達式的結果替換指定div的內容。換句話說，它監視表達式並用該表達式的結果更新div。當表達式的值發生變化時更新div

我想要類似的功能，但我不希望div的內容被替換爲該表達式（即在我的情況下標籤ID）。我只想讓div與我在md-tab-body中加載的其他內容一起更新。

有沒有這方面的指令？

來源

2016-02-10 Sohan Shirodkar

您可以在控制器的$ scope（或者控制器本身，如果使用'controller as'語法）引用一個屬性。然後，角將自動$觀察該屬性的更改並自動更新視圖。

控制器

$scope.tabContent = 'Some text content';

HTML

<div>{{tabContent}}</div>

來源

2016-02-10 19:35:13 HankScorpio

可以使用NG-include指令。類似下面：

<div ng-repeat="tab in tabs"> 
    <div ng-include src="tab.src" ></div> 
</div>

當翼片可以是對象的數組

$scope.tabs=[{ 
    id: 'tab1', 
    src: 'content1' // tab1 content 
    },{ 
    id: 'tab2', 
    src: 'content2' // tab2 content 
    } 
    ... 
    ]

來源

2016-02-10 22:03:45

當表達式的值發生變化時更新div

回答

相關問題