Как использовать ng-модель в Angular.js?

Я новичок в Angular.js. Проблема с моей ng-моделью и ng-опцией. У меня есть данные, которые показывают кодовый номер с названием города в моем раскрывающемся списке. Я внес некоторые изменения, чтобы показать только город и удалить числа в раскрывающемся списке, и все работает нормально Пример: ЧЕННАИ. Но если я использую ng-модель и показываю значение в своем выражении Angular, я все равно получаю те же данные EX: 0123 CHENNAI. Используя ng-модель, как я могу показать только название города в выражении 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.


html angularjs angularjs-ng-model
person Chethana C    schedule 08.12.2016    source источник
comment
какое пространство между синтаксисом ng-модели?   -  person bNd    schedule 08.12.2016
comment
хотите ли вы, чтобы было привязано только текстовое значение или числовое значение. Или вы просто хотите, чтобы значение Text отображалось в представлении, а привязка также имела числовое значение. Пожалуйста, объясни?   -  person Manish    schedule 08.12.2016
comment
Сорри за ошибку отредактировал сейчас   -  person Chethana C    schedule 08.12.2016
comment
@ Manish Мне нужно показать только значение Text и удалить цифры.   -  person Chethana C    schedule 08.12.2016
comment
Таким образом, в поле зрения должно отображаться только текстовое значение, а переменная области должна иметь как числовое, так и текстовое значение. Можете ли вы создать демонстрацию этого с данными, которые заполняют параметры в Fiddle или Plnkr?   -  person Manish    schedule 08.12.2016
comment
@ Manish, даже переменная области видимости также должна быть только текстовой, а не числовой.   -  person Chethana C    schedule 08.12.2016
comment
@ Маниш, вот плункер plnkr.co/edit/Azyd4dJb4H6YnkGOwk8t?p=preview   -  person Chethana C    schedule 08.12.2016

Ответы (2)


arrow_upward
0
arrow_downward

Если вы хотите, чтобы и значение модели, и текстовое значение отображались без номера, т. е. «123CHENNAI» вместо «CHENNAI», используйте ту же функцию «showName», которую вы написали для значения модели, как показано ниже:

 <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>

Ссылка на скрипку здесь. Пожалуйста, проверьте, что вы ожидаете.

person Supradeep    schedule 08.12.2016
comment
Рад, что помогло :) - person Supradeep; 08.12.2016

arrow_upward
0
arrow_downward

Измените свои данные на подобные

$scope.array =[{
 number: 123,
 name: "abc"
},
{
 number: 123,
 name: "abc"
}]
person Gourav    schedule 08.12.2016
comment
@ Gourav данные из API - person Chethana C; 08.12.2016
comment
@ Gourav Я уже удалил номер из выпадающего списка с помощью этой функции $scope.showName = function(branchName){ return branchName.replace(/\d+/g, '') //alert(branchName); } - person Chethana C; 08.12.2016
comment
но столкнулся с проблемой, как показать те же данные в моем выражении {{}}, используя ng-модель. - person Chethana C; 08.12.2016
comment
На самом деле вы не упомянули об этом. Все нормально. - person Gourav; 08.12.2016
comment
Это может вам помочь [ссылка] ( ) - person Gourav; 08.12.2016
comment
@ Gourav, вы имеете в виду вот так ng-model=query.showName[branchName] - person Chethana C; 08.12.2016