Angularjs 在Angular.js中替换选择选项

我试图将下拉选项“Yes/No”替换为true和false，以便使用ng hide使输入字段的外观动态。但是绑定没有按预期工作。请检查JS bin链接并提出建议

<div ng-app="myApp" ng-controller="myCtrl">
<p>Delivery to same address?</p>
<ng-int="selectedVal={range.value}"></ng-int>
<select ng-model="selectedVal" ng-options="range.display for range  in range" >

</select>
<p  ng-hide= "selectedVal" >Fill your address below.</p>
<input type="text" ng-hide = "selectedVal">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.range = [{display: "yes", value:true},
       {display: "no", value: false}
       ];
});
</script> 

送货到同一地址

在下面填写您的地址
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.range=[{显示：“是”，值：true}，
{显示：“否”，值：false}
];
});

您将在模型中获得一个对象，因此您必须执行以下操作

<input type="text" ng-hide = "selectedVal.value">

---

您将在模型中获得一个对象，因此您必须执行以下操作

<input type="text" ng-hide = "selectedVal.value">

替换

ng-options="range.display for range  in range"

与

这将在下拉列表中显示是/否，而值将为真/假

<

ng-options="range.display for range  in range"

与

---

这将在下拉列表中显示是/否，而值将为真/假

试试这个。实际上，您正在为ng hide=“selectedVal”使用选定对象。selectedVal是一个对象。这是个问题。你想知道是真是假。因此ng hide=“selectedVal.value”是正确的

JS-Bin
送货到同一地址

{{selectedVal}}

在下面填写您的地址
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.range=[{显示：“是”，值：true}，
{显示：“否”，值：false}
];
});

试试这个。实际上，您正在为ng hide=“selectedVal”使用选定对象。selectedVal是一个对象。这是个问题。你想知道是真是假。因此ng hide=“selectedVal.value”是正确的

JS-Bin
送货到同一地址

{{selectedVal}}

在下面填写您的地址
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.range=[{显示：“是”，值：true}，
{显示：“否”，值：false}
];
});

您的答案与其他答案有什么不同？不同之处在于解释。我在这里用他的例子补充了斯奈普。你的答案和其他答案有什么不同？不同之处在于解释。我在这里用他的例子补充了Snipt。