檢查ng-if語句中的字符串值

Question

我想檢查一個對象的屬性值，並想檢查要比較的字符串數據。

<div ng-if="results.dataType === 'textTable'"> 
    This text belongs in a table. 
</div> 

到目前爲止，所有的div都出現在文本中，只有兩個div應該顯示它。

我的ng-if語句和字符串比較有什麼不對嗎？

Answer 1

這裏是演示Jsfiddle

JS代碼

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

    app.controller('ctrl', function($scope) { 
    $scope.results = { 
     dataType: 'textTable' 
    }; 
    $scope.flag = true; 

    // for testing purpose 

    $scope.toggle = function() { 
     if ($scope.flag) { 
     $scope.results = { 
      dataType: 'textTable' 
     }; 
     $scope.flag = !$scope.flag; 
     } else { 
     $scope.results = { 
      dataType: 'textTableNot' 
     }; 
     $scope.flag = !$scope.flag; 
     } 

    } 
    }); 

HTML

<div ng-app='myApp'> 

    <div ng-controller='ctrl'> 
     <div ng-if='results.dataType === "textTable"'> This text belongs in a table.</div> 
     {{results.dataType}} 
     <button ng-click='toggle()'> 
     Toggle 
     </button> 
    </div> 
    </div> 

希望這將解決您的問題

Answer 2

我真正的在角度2中，if語句是：*ngIf而不是ng-if。

Answer 3

希望這能解決您的問題。

<div> 
<input type="hidden" ng-model="myVar" ng-init="myVar = 'stringformat'"> 
<div ng-if="myVar =='stringformat'"> 
<h1>Welcome</h1> 
<p>Welcome to my home.</p> 
</div> 
</div>