Javascript 使用ng show on选项选择angularjs

我想将输入字段绑定到选择选项。因此，如果选择选项为“是”，则输入字段应可见，如果为“否”，则输入字段应隐藏

(function(){

  var app = angular.module('spa',[

    $rootScope.options = [
      {
        id: 0,
        name: 'No'
      }, 
      {
        id: 1,
        name: 'Yes'
      }
    ]

  ]);  

}());


 <form name="newData" class="ng-scope ng-pristine ng-invalid ng-invalid-required" error-popup="newData" novalidate> 
    <div class="form-group item item-input item-select">
      <div class="input-label">
        Booking Fee Paid
      </div>
      <select name="booking" ng-model="user.booking" class="form-control ng-pristine ng-invalid ng-invalid-required" ng-options="option.name for option in options track by option.id" ng-init ="user.booking = options[0]" required>
      </select>
    </div>  

    <div class="row" ng-show="user.booking.name == 'Yes'">
        <div class="col">
        <div class="form-group item item-input">
                <input type="text" name="amount" ng-model="user.amount" class="form-control" placeholder="Amount">
            </div> 
        </div>
    </div>
  </form>

（函数（）{
var app=角度模块（'spa'[
$rootScope.options=[
{
id:0，
姓名：'否'
}, 
{
id:1，
姓名：“是”
}
]
]);  
}());
已付订票费

---

非常感谢您的帮助

我建议您阅读初学者教程@angularjs.org

下面是一个工作示例，它正好满足您的要求：

angular.module（'app'，[]）
.控制员（“样本”）；
函数示例（）{
此选项=[{
id:0，
姓名：'否'
}, {
id:1，
姓名：“是”
}];
this.booking=this.options[0]；
}

{{vm.booking}json}

第二个参数指定了所需的模块，而不是实现：

angular.module（名称，[requires]，[configFn]）

所以你犯了一个错误。以下是固定代码：


您有一个奇怪且似乎错误的模块定义。是否发布所有代码？函数的第二个参数是字符串数组，但首先：传递对象数组，然后尝试使用未定义变量
$rootScope
var app = angular.module('spa', []);

app.controller('MyController', function($scope) {
  $scope.options = [{
    id: 0,
    name: 'No'
  }, {
    id: 1,
    name: 'Yes'
  }];
});