Как получить значение и выделить текст с помощью Angular

Question

Как получить значение и выделить текст с помощью Angular

0

У меня есть следующий select (in jade):

select(ng-model="note.shop1", ng-change="selectShop()", ng-disabled="allShops" ng-show="positionAvailable")
   option(ng-repeat="shop in nearbyShops" value="{{shop._id}}")
     {{shop.name}} ({{shop.contact_address}} {{shop.contact_housenr}}, {{shop.contact_city}})
   option(value="otherShop") My store isn't listed.

Selectshop() в моем контроллере:

$scope.selectShop = function(){

        if($scope.note.shop1 == "otherShop"){
            $scope.allShops = true;
        }
}

Я хочу сохранить выбранный идентификатор, поэтому я могу его сохранить, но я хочу показать {{shop.name}} пользователю, когда он выбрал магазин. Как я могу это сделать?

Итак, я хочу выбрать {{shop._id}} и выбрать {{shop.name}}.

NVO 19 авг. 2016, в 09:31

Источник

0

Можете ли вы показать мне свой selectShop() ? и вы хотите хранить идентификатор магазина и название магазина, верно?
M. Junaid Salaat 19 авг. 2016, в 07:06
0

Добавил немного кода в мой пост. Я забыл кое-что и да, я хочу хранить оба.
NVO 19 авг. 2016, в 07:09

Теги:

javascript

angularjs

2 ответа

Ещё вопросы

Можете ли вы показать мне свой selectShop() ? и вы хотите хранить идентификатор магазина и название магазина, верно?
Добавил немного кода в мой пост. Я забыл кое-что и да, я хочу хранить оба.

M. Junaid Salaat · Answer 1 · 2016-08-19T05-54-00.000Z

Вам просто нужно удалить ._id из значения, чтобы передать объект в свой метод ng-change. Попробуй это.

select(ng-model="note.shop1", ng-change="selectShop(note.shop1)", ng-disabled="allShops" ng-show="positionAvailable")
   option(ng-repeat="shop in nearbyShops" value="{{shop}}")
     {{shop.name}} ({{shop.contact_address}} {{shop.contact_housenr}}, {{shop.contact_city}})

и в вашем методе selectShop. получить их

$scope.selectShop = function(selectedShop){
    console.log(selectedShop._id, selectedShop.name);
        if($scope.note.shop1 == "otherShop"){
            $scope.allShops = true;
        }
}

Я продемонстрировал демонстрационную скрипту.

Надеюсь, поможет.

Когда я делаю console.log (shop) в selectShop, я получаю весь магазин, но когда я делаю console.log (shop.name), я получаю 'undefined'. Что не так? :)
Попробуйте console.log(selectedShop._id, selectedShop.name); в selectShop()
Вы пробовали вышеупомянутую разметку для выбора тоже? select(ng-model="note.shop1", ng-change="selectShop(note.shop1)", ng-disabled="allShops" ng-show="positionAvailable") option(ng-repeat="shop in nearbyShops" value="{{shop}}") {{shop.name}} ({{shop.contact_address}} {{shop.contact_housenr}}, {{shop.contact_city}})

Aravind · Answer 2 · 2016-08-19T04-40-00.000Z

Я могу предложить и версию HTML для вашей проблемы.

 <select ng-model="selectedShop._id" ng-options="selectedShop._ID as selectedShop.name for selectedShop in nearbyShops" 
   ng-change=selectShop(selectedShop,{{selectedShop._id}})></select>

и ваша функция будет

$scope.selectShop = function(shop){
// your selected shop id will be $scope.shop._id

}