angular.js 中 根据判断条件来决定<img/>中的显示不同的src
时间: 2024-02-22 17:55:14 浏览: 19
可以使用 `ng-src` 指令来实现根据判断条件来决定 `<img/>` 中的显示不同的 `src`。具体的实现方式可以参考下面的示例代码:
```html
<img ng-src="{{condition ? 'image1.png' : 'image2.png'}}">
```
其中,`condition` 表示判断条件,当 `condition` 为真时,`ng-src` 指令的值为 `'image1.png'`,否则为 `'image2.png'`。这样就可以根据判断条件来动态地显示不同的图片了。
相关问题
angular.js 中 根据判断条件来决定<span></span>中的显示不同的文本
在 AngularJS 中,可以使用 `ng-if` 或 `ng-show` 指令以及三元表达式来根据判断条件来决定 `<span></span>` 中显示不同的文本。
使用 `ng-if` 指令:
```html
<span ng-if="condition">文本 A</span>
<span ng-if="!condition">文本 B</span>
```
其中,`condition` 是一个布尔类型的变量或表达式,如果为 `true`,则显示文本 A;如果为 `false`,则显示文本 B。
使用 `ng-show` 指令:
```html
<span ng-show="condition">文本 A</span>
<span ng-show="!condition">文本 B</span>
```
使用三元表达式:
```html
<span>{{condition ? '文本 A' : '文本 B'}}</span>
```
其中,`condition` 是一个布尔类型的变量或表达式,如果为 `true`,则显示文本 A;如果为 `false`,则显示文本 B。使用三元表达式需要将文本放在双花括号中,这样可以通过 AngularJS 的数据绑定来动态显示文本。
angular.js 中 根据判断条件来决定<span></span>中的文本显示
在 AngularJS 中,可以使用 `ng-if` 或 `ng-show` 指令来根据判断条件来决定 `<span></span>` 中的文本显示。
例如,使用 `ng-if` 指令:
```html
<span ng-if="condition">显示的文本</span>
```
其中,`condition` 是一个布尔类型的变量或表达式,如果为 `true`,则显示文本;如果为 `false`,则不显示。
另外,使用 `ng-show` 指令也可以实现类似的效果:
```html
<span ng-show="condition">显示的文本</span>
```
区别在于,`ng-show` 会在 DOM 中生成该元素,只是将其隐藏,而 `ng-if` 则只有在条件成立时才会在 DOM 中生成该元素。