如何使用AngularJS顯示按鈕或錨點標記值？

我想顯示一個按鈕或錨點標記值基於我的角度變量返回爲true或false。這是它的一個片段。如何使用AngularJS顯示按鈕或錨點標記值？

<a href="#" id="verify">{{userInformation.value}}</a>

userInformation.value返回true/false。現在我想要的是基於角度返回的值來顯示按鈕元素的特定值。

喜歡的東西：

<a href="#" id="verify">{{userInformation.value === true ? displaysomething : displaysomethingelse}}</a>

任何建議將是很大的幫助。

來源

2016-05-14 Bishwaroop Chakraborty

您可以使用[NG-IF]（https://docs.angularjs.org/api/ng/directive/ngIf）所示 – GeekRiky

什麼是錯的代碼？可以在角表達式中使用三元組 – charlietfl

其不工作，沒有返回 –

您可以嘗試而不是做的這個

<a href="#" id="verify">{{userInformation.value ? 'Hello': 'Hi'}}</a>

來源

2016-05-14 17:53:09 Ricky

NG-如果考慮創建在將決定顯示哪些適合你的一個功能。這將允許您保持控制器中的業務邏輯並將其保存在模板中，並且您可以進行單元測試（這通常是一個好主意）。另外，它的價值不僅僅是兩個條件的開放（例如，如果你必須檢查的不僅僅是真/假）。例如這裏：

angular.module('myApp', []) 
 

 
.controller('MainController', function() { 
 

 
    // initial user info object 
 
    this.userInformation = { 
 
    value: true 
 
    }; 
 

 

 
    // swap values for demo purpose 
 
    this.swapValue = function(obj) { 
 
    obj.value = !obj.value; 
 
    }; 
 

 
    // logic for display lives here 
 
    this.getUserInfoDisplay = function(userInfo) { 
 
    if (userInfo.value) { 
 
     return 'Display something'; 
 
    } else { 
 
     return 'Display something else'; 
 
    } 
 
    }; 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<!-- Controller as syntax --> 
 
<div ng-app="myApp" ng-controller="MainController as ctrl"> 
 
    <a href="#">{{ctrl.getUserInfoDisplay(ctrl.userInformation)}}</a> 
 
    <br /> 
 
    <button ng-click="ctrl.swapValue(ctrl.userInformation)"> 
 
    Swap Value 
 
    </button> 
 
</div>

來源

2016-05-14 18:27:51 Patrick

我想顯示這些基於什麼變量返回，而不是點擊它。我不想單擊它將值更改爲true/false。 –

該按鈕只是爲了顯示如何從控制器方法驅動值的更改。顯然你的數據將被設置在其他地方。 – Patrick

如何使用AngularJS顯示按鈕或錨點標記值？

回答

相關問題