当前位置：移动技术网 > IT编程>脚本编程>AngularJs > 对angular2中的ngfor和ngif指令嵌套实例讲解

对angular2中的ngfor和ngif指令嵌套实例讲解

2018年09月21日 | 移动技术网IT编程 | 我要评论

ng2 结构指令不能直接嵌套使用，可使用标签来包裹指令

示例如下

<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指令嵌套实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

关于AngularJS中几种Providers的区别总结

原文：...什么是provider?angularjs文档对provider的定义:provider是一个带有$get()方法的对象。injector调... [阅读全文]
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码

效果首先看看效果：本文将介绍如何基于angular 8和bootstrap 4来实现上面的主题切换效果。设计遵循bootstrap的设计，我们会使用提供的免费... [阅读全文]
解决三元运算符报错“SyntaxError: can''t assign to conditional expression”

运行代码：a=1b=1x=1 if a==b else x=0print(x)提示错误：file "test.py", line 3 x=a if a==b e... [阅读全文]
Angular 多模块项目构建过程

引言两个月前，已存在录题系统，需要构建出题系统，且两套系统存在公用的实体、组件以及服务，如何在构建新系统的同时复用原系统的代码成为了项目难点。当时的解决方案是将... [阅读全文]
Angular之jwt令牌身份验证的实现

angular之jwt令牌身份验证demo 介绍json web token (jwt), 是为了在网络应用环境间传递声明而执行的一种基于json的开放标准（(... [阅读全文]
小谈angular ng deploy的实现

angular cli 在 8.3.0 发布过一个新命令 ng deploy，可以将 angular 应用部署到远程服务器或云存储上面，例如：firebase ... [阅读全文]
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题

说明之前有一个angular项目,页面上表单不算多，也就一百来个（这个不固定，有的地方多，有的地方少），但是再输入的时候会造成输入延迟，反应不灵敏，对用户体验极... [阅读全文]
使用xampp将angular项目运行在web服务器的教程

需求在开发angular项目时，因为需要做自适配以适应不同的屏幕，而我的电脑只有1366的。所以我现在需要在本地将angular项目运行在x... [阅读全文]
使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码

使用 angular routereusestrategy 缓存组件 cache components with angular router... [阅读全文]
详解Angular cli配置过程记录

1.首先调出命令行工具，运行命令全局安装angular -cli npm i -g @angular/cli 安装过程中... [阅读全文]

网友评论


验证码：

对angular2中的ngfor和ngif指令嵌套实例讲解

2018年09月21日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论