javascript - 如何将自定义数据用于 ng-if ？ ( Angular JS)

Question

我有一个 json 结构，我正在使用 Controller 和路由创建一个表单。 json 是:

[{
    "name": "home",
    "section": "link"
},
{
    "name": "about",
    "section": "link"
},
{
    "name": "Style",
    "section": "link"
},{
    "name": "name",
    "type": "text",
    "section": "home"
},
{
    "name": "age",
    "type": "text",
    "section": "home"
}]

js代码是:

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

myApp.controller("linkCtrl", function($scope, dataService, $route) {
    dataService.getData('json/link.json', function(data){
      $scope.links = data.data;
      $scope.message = "home";    
    });
});

我的 HTML 代码是:

<h4>{{message}}</h4>
<div ng-repeat="item in links">
    <div ng-if="item.section == 'home'">
        <div ng-switch="item.type">
            <div ng-switch-when="text">
                <input type="text" id={{item.name}} />
            </div>
            <div ng-switch-when="button">
                <button id={{item.name}}>{{item.name}}</button>
            </div>
            <div ng-switch-when="checkbox">
                <input type="checkbox" id={{item.name}} />
            </div>
        </div>
    </div>

这段代码运行良好。如果我使用 ng-if="item.section == {{message}}" 或 ng-if="item.section == '{{message}}'"，它不起作用，但在 ng-if 之外，如果我输入 {{message}}，它会显示“home”。

为什么它在 ng-if 语句中不起作用。我的代码本身提到了基本语法。我刚刚发布了我的功能的主要代码

如果代码在 ng-if 中工作，那么我的页面使用一个模板会很容易。

那么，有什么办法让它发挥作用吗？

Answer 1

使用

ng-if="item.section == message"

代替

ng-if="item.section == {{message}}"