我正在尝试根据我的角度应用程序中的选择值显示一个字段。它应该非常简单:当newJob.country ==='Remote'时,我希望我的'city'字段消失:
HTML:
<body ng-app>
<div class="form-aside">
<label>Location</label>
<select ng-model="newJob.country" class="form-control">
<option>Remote</option>
<option>France</option>
<option>UK</option>
</select>
</div>
<div class="form-aside" ng-if="newJob.country !== 'Remote'">
<label>City</label>
</div>
</body>
由于某种原因,它不起作用。这是the人:http ://plnkr.co/edit/GcJNePs9zvkejnIATTiw?p=preview
我该如何工作?
谢谢
您需要value
为每个<option>
标签定义一个。
然后,您需要使用ng-show
with!=
动态显示或不显示标签。
您的pl夫应该使用以下方法:
<body ng-app>
<div class="form-aside">
<label>Location</label>
<select ng-model="newJob.country" class="form-control">
<option value="remote">Remote</option>
<option value="france">France</option>
<option value="uk">UK</option>
</select>
</div>
<div class="form-aside" ng-show="newJob.country != 'remote'">
<label>City</label>
</div>
</body>
请在此处插入:http ://plnkr.co/edit/meqpbOVXrH4ANtQlxdoy?p=preview
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句