NG-如果NG-重複調用一個函數

我有一個plunker：https://plnkr.co/edit/OlLt9XC6cWYnus20ZEaz?p=preview NG-如果NG-重複調用一個函數

我有一個NG重複，調用一個函數，並得到的.outcome的結果，其中，要麼是真的還是假的。但是，如果這些值未返回，則默認值爲x。

什麼，我想嘗試做的是執行NG-如果在NG-重複值，以便：

if outcome is true, show icon-true. 
if outcome is false, show icon-cross. 
if outcome is x, show icon-blank.

HTML：

<div ng-repeat="month in months"> 
    {[{getData(contents[item._id].contentHistory,year,month.n)}]} 
    <!-- <i class="icon-cross" ng-if="getData(contents[item._id].contentHistory,year,month.n == false"></i> 
    <i class="icon-true" ng-if="getData(contents[item._id].contentHistory,year,month.n == true"></i> 
    <i class="icon-blank" ng-if="getData(contents[item._id].contentHistory,year,month.n == x"></i> --> 
</div>

來源

2016-03-08 Oam Psy

是什麼'x'？它是一個字符串嗎？ – mgilson

@mgilson是的，它是... –

你需要用''x''和NOT'x'作爲它不是一個變量，但值來比較看看在plunker控制器。並將圓括號關閉到'getData'call。如果更正，代碼工作正常。你的風格/圖標有些問題，我沒有深入，嘗試使用標籤而不是圖標。工作。 –

嘗試。定義一個結果變量並在函數中初始化它。

$scope.outcome = ""; 
    $scope.getData = function(parameters){ 
    if(true) 
     $scope.outcome = 'show icon-true'; 
    if(false) 
     $scope.outcome = 'show icon-cross'; 

    } 



<div ng-repeat="month in months"> 
    <i ng-class="{'show icon-true': outcome == true, 'show icon-cross':outcome == false,}"></i> 
</div>

我爲你的問題提出了另一種解決方案。

var app = angular.module("app",[]); 
 

 
app.controller("MyCtrl" , function($scope){ 
 
    $scope.items = [ 
 
     {"name":"Ali","class":"a"}, 
 
     {"name":"Reza","class":"b"}, 
 
     {"name":"Majid","class":"c"} 
 
    ]; 
 
    
 
    $scope.getData = function(param){ 
 
    if(param == 'a') 
 
     return 'a'; 
 
    if(param == 'b') 
 
     return 'b'; 
 
    
 
    } 
 
    
 
    
 
    });

.a{ 
 
    color:red; 
 
    } 
 
.b{ 
 
    color:blue; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="MyCtrl"> 
 
    
 
     <div ng-repeat="item in items"> 
 
     
 
     <p ng-class = "getData(item.class)">{{item.name}}</p> 
 
     </div> 
 
    
 
</div>

來源

2016-03-08 07:12:28

謝謝，結果來自哪裏？我正在使用{[{getData（contents [item._id] .contentHistory，year，month.n）}]}來獲得我的結果。 –

這看起來並不像正確納克級語法 – shershen

@shershen你是正確的，即不納克級的語法。 –

試試這個

<div ng-repeat="month in months"> 
    <i ng-class="{getData(contents[item._id].contentHistory,year,month.n)==true ?'show icon-true': getData(contents[item._id].contentHistory,year,month.n)==false?'show icon-cross':'show icon-blank'}"></i> 
</div>

我希望這會幫助你。

來源

2016-03-08 07:19:30

這完全離開了由運提到的第三個選項，因此該解決方案無緣擺在首位 –

@PatrickKelleter的話題我已經更新了我的答案因此。請立即檢查。 –

這是更好，因爲它適合現在的問題，但它是高性能的少，因爲它有兩次調用該函數。但現在至少它的正確答案，即使它不是最好:) –

如果你只需要2的結果 - 真，假那麼你應該使用ng-hide或ng-show

使用別的ng-switch

<ANY ng-switch="CALL YOUR EXPRESSION"> 
    <ANY ng-switch-when=true> INSERT TRUE-ICON CODE HERE</ANY> 
    <ANY ng-switch-when=false> INSERT FALSE-ICON CODE HERE</ANY> 
    <ANY ng-switch-default>INSERT DEFAULT-ICON CODE HERE</ANY> 
</ANY

這種方式，函數被調用一次。

PS：你的邏輯工作正常，（即使你不應該調用getData 3次）。擺脫我在評論中提到的錯誤。我嘗試使用標籤代替圖標，它的工作原理。

來源

2016-03-08 07:23:42

你有沒有工作的例子？我似乎無法讓開關工作。 –

不要從角度網站複製和粘貼代碼，因爲它提供了一個高度表明我已經諮詢過角度文檔的深度代碼。 –

對不起，但你的運動員有很多錯誤，這表明你沒有諮詢角度文檔。你需要比較'x''而不是'x'，因爲它不是一個變量而是一個值。並關閉圓括號到getData調用。如果更正，代碼工作正常。 Theres錯誤的圖標，我沒有深入，嘗試使用標籤，而不是圖標。工作。 –

您可以使用三元運算符通過嵌套它來檢查所有三個條件。

<div ng-repeat="month in months"> 
<i ng-class="{getData(contents[item._id].contentHistory,year,month.n)==true ?'show icon-true': (getData(contents[item._id].contentHistory,year,month.n)==false ? 'show icon-cross' : 'show icon-blank')}"></i>

來源

2016-03-08 08:01:27 Vigneshwarr

NG-如果NG-重複調用一個函數

回答

相關問題