Question

我是Angular.js的新手。问题出在我的ng-model和ng-option上。我有一个数据，在我的下拉列表中显示带有城市名称的代码。我做了一些更改，只显示城市并删除下拉列表中的数字，它可以正常工作 Ex：CHENNAI 。但是，如果我使用ng-model并在我的Angular表达式中显示值，我仍然得到相同的数据 EX：0123 CHENNAI 。使用ng-model我如何只在Angular表达式中显示城市名称，即{{}}。

这是html：

 <div class="form-group">
    <label>Branch : <i class="mandate">*</i></label>
      <select class="form-control input-md" name='branchName' ng-model="query.branch.branchName" ng-options="branch.branchName as   showName(branch.branchName) for branch in baseBranches">
        <option value="" selected>-- Select Branch --</option>
      </select>
   <span class="error" ng-show="search_form.branchName.$error.required">Branch  is  required</span>
 </div>

编写的脚本用于删除数字：

$scope.showName = function(branchName){
   return branchName.replace(/\d+/g, '')
   //alert(branchName);
}

请帮助，因为我是Angularjs的新手。

Answer 1

将您的数据更改为

$scope.array =[{
 number: 123,
 name: "abc"
},
{
 number: 123,
 name: "abc"
}]

Answer 2

如果您希望显示的模型值和文本值都没有数字，即＆＃34; 123CHENNAI＆＃34; as＆＃34; CHENNAI＆＃34;使用相同的＆＃34; showName＆＃34;您为模型值编写的函数也如下所示：

 <select class="form-control input-md" name='branchName' ng-model="query.branch.branchName" ng-options="showName(branch.branchName) as   showName(branch.branchName) for branch in baseBranches">
   <option value="" selected>-- Select Branch --</option>
 </select>

小提琴链接here，请检查这是否符合您的预期。

如何在Angular.js中使用ng-model？

2 个答案: