检查ng-if语句中的字符串值

时间:2017-05-25 07:32:27

标签: javascript angularjs angular-ng-if

我想检查对象属性的值,并想检查要比较的字符串数据。

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

到目前为止,所有div都显示在正文中的文本中,只有两个div应该显示它。

我的ng-if语句和字符串比较有什么问题吗?

3 个答案:

答案 0 :(得分:4)

以下是演示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>

希望这能解决您的问题

答案 1 :(得分:1)

我意识到在角度2中if语句是:*ngIf而不是ng-if

答案 2 :(得分:0)

希望这能解决您的问题。

foo_ptr