Question

我想使用select来显示/隐藏输入。

这是我的小提琴，但它不起作用。我想，原因将是ng-model中的点？！

HTML

<div>
<select ng-options="t.name as t.name for t in fields" ng-model="rule.field">
</select>
<input ng-show="rule.field==2" type="text">

JS

var app = angular.module('app', []);
app.controller('QueryBuilderCtrl', ['$scope',
function ($scope) {

    $scope.fields = [{
                    id: 1, name : 'Title'
                }, {
                    id: 2, name : 'Abstract'
                }, {
                    id: 3, name : 'Age'
                }, {
                    id: 4, name : 'Date'
                }, {
                    id: 5, name : 'In Progress'
                }];

}
]);

JSFiddle

感谢您的提示和帮助

Answer 1

<select ng-options="t.name as t.name for t in fields" ng-model="rule.field">

这意味着当您在选择框中选择一个选项时，rule.field将包含所选选项的name（即'Title'或'Abstract'或。 ..）。并且名称不能等于2。

使用ng-options="t.id as t.name for t in fields"。

Answer 2

试试

<select ng-options="t.id as t.name for t in fields" ng-model="rule.field">

在ng-model中使用DOT问题

2 个答案: