對angular2中的ngfor和ngif指令嵌套實例講解
更新時間：2018年09月12日 11:04:14 作者：superlovelei
今天小編就為大家分享一篇對angular2中的ngfor和ngif指令嵌套實例講解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
ng2 結(jié)構(gòu)指令不能直接嵌套使用，可使用標(biāo)簽來包裹指令
示例如下
<ul>
<ng-container *ngFor="let item of lists">
<div class="thumb p-date" *ngIf="item.picurl">
<a href="# " rel="external nofollow" ><img src="{{item.picurl}} " alt=" " style="width:79px;height: 70px; "></a>
</div>
</ng-container>
</ul>:
以上這篇對angular2中的ngfor和ngif指令嵌套實例講解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了AngularJS過濾器filter用法,結(jié)合實例形式分析了過濾器filter的定義與使用技巧,需要的朋友可以參考下2016-11-11
下面小編就為大家?guī)硪黄獪\談AngularJS中ng-class的使用方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了Angular8 簡單表單驗證的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了AngularJS的$location使用方法詳解的相關(guān)資料,希望通過本文大家能夠掌握這部分內(nèi)容，需要的朋友可以參考下2017-10-10
詳解如何構(gòu)建Angular項目目錄結(jié)構(gòu)
本篇文章主要介紹了詳解如何構(gòu)建Angular項目目錄結(jié)構(gòu)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本篇文章主要介紹了淺談angularJS的$watch失效問題的解決方案，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-08-08
Angular 4依賴注入學(xué)習(xí)教程之ValueProvider的使用（七）
這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入之ValueProvider使用的相關(guān)資料，文中介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Angular4具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-06-06
深究AngularJS如何獲取input的焦點（自定義指令）
本篇文章主要介紹了AngularJS如何獲取input的焦點（自定義指令），具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
本文通過示例給大家詳解angularjs 的filter知識，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-03-03
本文主要介紹AngularJS國際化的知識，這里整理了相關(guān)資料和示例代碼以及實現(xiàn)效果圖，有興趣的小伙伴可以參考下2016-08-08