angular的if else if
时间: 2023-11-21 07:57:39 浏览: 28
以下是Angular中使用ngIf指令实现if else if的示例代码:
```html
<div *ngIf="obj === 'MA5626'">
<!-- 当obj等于MA5626时显示的内容 -->
</div>
<div *ngIf="obj === 'MA5620'">
<!-- 当obj等于MA5620时显示的内容 -->
</div>
<div *ngIf="obj !== 'MA5626' && obj !== 'MA5620'">
<!-- 当obj既不等于MA5626也不等于MA5620时显示的内容 -->
</div>
```
在上述代码中,我们使用了三个div元素,并分别使用ngIf指令来控制它们的显示与隐藏。当obj等于MA5626时,第一个div元素会显示,而其他两个div元素会隐藏;当obj等于MA5620时,第二个div元素会显示,而其他两个div元素会隐藏;当obj既不等于MA5626也不等于MA5620时,第三个div元素会显示,而其他两个div元素会隐藏。
相关问题
angular双重排序
Angular中可以使用Array.sort()方法来对数组进行排序,可以根据需要进行双重排序。例如,我们有一个包含对象的数组,每个对象都有两个属性:name和age。我们想要按照name属性进行首次排序,然后按照age属性进行第二次排序。可以使用以下代码实现:
```
array.sort((a, b) => {
if (a.name < b.name) {
return -1;
} else if (a.name > b.name) {
return 1;
} else {
if (a.age < b.age) {
return -1;
} else if (a.age > b.age) {
return 1;
} else {
return 0;
}
}
});
```
在这个例子中,我们首先按照name属性进行排序,如果name属性相同,则按照age属性进行第二次排序。如果两个对象在两个属性上都相同,则返回0表示它们相等。
angular 获取confirm的返回值
好的,关于你的问题,我可以给出一些帮助。在 Angular 中,你可以利用 `window.confirm()` 方法来呈现一个带有确认和取消按钮的确认对话框。但是该方法本身并不返回布尔值,而是返回用户的点击行为。因此,你可以将其包装在一个 Promise 中,并根据用户的行为来决定 Promise 的解决方案。以下是一个基本的示例代码:
```typescript
async function confirmDialog(message: string): Promise<boolean> {
const confirmed = window.confirm(message);
return Promise.resolve(confirmed);
}
// 在组件类中调用
async doSomething() {
const confirmed = await confirmDialog('确定要执行此操作吗?');
if (confirmed) {
// 用户点击了确认按钮
} else {
// 用户点击了取消按钮
}
}
```
希望这个示例能对你有所帮助!
相关推荐
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)