在本文中，我们将详细介绍AngularJS–ng-if检查字符串为空值的各个方面，并为您提供关于angularjsif判断的相关解答，同时，我们也将为您带来关于angular–ngIf检查元素上是否存
在本文中，我们将详细介绍AngularJS – ng-if检查字符串为空值的各个方面，并为您提供关于angularjs if判断的相关解答，同时，我们也将为您带来关于angular – ngIf检查元素上是否存在类、Angular2 * ngIf检查模板中的对象数组长度、AngularJS iframe跨域打开内容时报错误的解决办法_AngularJS、angularjs – angular ng-class if-else表达式的有用知识。
本文目录一览：- AngularJS – ng-if检查字符串为空值（angularjs if判断）
- angular – ngIf检查元素上是否存在类
- Angular2 * ngIf检查模板中的对象数组长度
- AngularJS iframe跨域打开内容时报错误的解决办法_AngularJS
- angularjs – angular ng-class if-else表达式
AngularJS – ng-if检查字符串为空值（angularjs if判断）
<a ng-if="item.photo == ''" href="#/details/{{item.id}}"><img src="/img.jpg"></a>
<a ng-if="item.photo != ''" href="#/details/{{item.id}}"><img ng-src="/{{item.photo}}"></a>
我看到它总是生成item.photo！=”条件，即使该值为空。为什么？
您的意见也将更加清晰可读。
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app init="item = {photo: ''}">
<div ng-if="item.photo"> show if photo is not empty</div>
<div ng-if="!item.photo"> show if photo is empty</div>
<input type=text ng-model="item.photo" placeholder="photo" />
</div
angular – ngIf检查元素上是否存在类
<img *ngIf="[class.imgView]"src="..">
抛出错误无法读取属性imgView的undefined.
有没有办法如何用角度来实现这一目标？
解决方法
returnClass = true;
getClass() {
if(this.returnClass) {
return "myView";
} else {
return "";
}
}
并改变你的观点：
<img *ngIf="returnClass" [ngClass]="getClass()" src="..">
现在如果returnClass为true,你知道你的img将拥有所需的类,所以你可以将returnClass传递给* ngIf
您还可以通过以下方式删除该类：this.returnClass = false,它也会隐藏元素.
对于许多课程来说,这将变得乏味,但对于少数课程来说这将是合理的.
Angular2 * ngIf检查模板中的对象数组长度
我的teamMember对象是[]数组我试图检查条件数组是空的大小.
尝试：
<div*ngIf="(teamMembers | json) != '{}'">
和
<div*ngIf="teamMembers.length > 0"> //Check length great than
throwing Syntax error
<div>
<h4>Team Members</h4>
<ul*ngFor="let member of teamMembers">
<li><a href=""><gravatar-image [size]="80" [email]="member.email"></gravatar-image></a></li>
</ul>
</div>
</div>
零件 ：
@Component({
selector: 'pbi-editor',})
export class AppComponent implements OnInit {
teamMembers: User[];
任何帮助都会很棒.
<div*ngIf="teamMembers?.length > 0">
首先检查teamMembers是否具有值,如果teamMembers没有值,则它不会尝试访问未定义的长度,因为条件的第一部分已经失败.
AngularJS iframe跨域打开内容时报错误的解决办法_AngularJS
打开不同域的内容时报下面的错误:
Blocked loading resource from url not allowed by $sceDelegate policy
解决方案：
app.config(function($sceDelegateProvider) {
$sceDelegateProvider.resourceUrlWhitelist([
// Allow same origin resource loads.
''self'',
// Allow loading from our assets domain. Notice the difference between * and **.
''http://media.w3.org/**'']);
});
很简单的方法就解决了angularjs跨域使用iframe的问题，希望大家能够喜欢
angularjs – angular ng-class if-else表达式
<divdata-ng-click="PickUp()" ng-https://www.jb51.cc/tag/irs/" target="_blank">irst:'classA',second:'classB',third:'classC',fourth:'classC'}[call.State]"/>
我想知道如果我可以使用if-else表达式，我可以做类似这样的事情：
<divdata-ng-click="PickUp()" ng-https://www.jb51.cc/tag/irs/" target="_blank">irst:'classA',else:'classC'}[call.State]"/>
意味着每当call.State不同于第一或第二使用classC并且不指定每个值。
谢谢！
<div ng->
例如 ：
<div ng->
...
</div>
并确保它是可读的你的同事:)
我们今天的关于AngularJS – ng-if检查字符串为空值和angularjs if判断的分享就到这里，谢谢您的阅读，如果想了解更多关于angular – ngIf检查元素上是否存在类、Angular2 * ngIf检查模板中的对象数组长度、AngularJS iframe跨域打开内容时报错误的解决办法_AngularJS、angularjs – angular ng-class if-else表达式的相关信息，可以在本站进行搜索。
本文标签：
