Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> AngularJS - Aktualizacja modelu po zmianie wartości inputa, Czy to powinno działać w obie strony?
adbacz
post 17.09.2015, 15:47:10
Post #1





Grupa: Zarejestrowani
Postów: 532
Pomógł: 24
Dołączył: 15.04.2011
Skąd: Kalisz

Ostrzeżenie: (0%)
-----


Jeśli zmienię wartość inputa w modelu ($scope.value = 'asd'), to zmieni mi się wartość w widoku. Ale czy zmieniając wartość w widoku (poprzez wpisanie wartości ręcznie w pole input) powinna się zmienić wartość w modelu?
Go to the top of the page
+Quote Post
Comandeer
post 17.09.2015, 15:52:01
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


No w sumie to jest jeden z "killer ficzerów" angular: 2-way data binding wink.gif

Odpowiedź na pytanie czy takie postawienie sprawy jest dobre brzmi: to zależy. Osobiście uważam, że jest to cholernie wygodne… ale nie podoba mi się sposób, w jaki jest to rozwiązane w Angularze.


--------------------
Go to the top of the page
+Quote Post
adbacz
post 17.09.2015, 15:57:13
Post #3





Grupa: Zarejestrowani
Postów: 532
Pomógł: 24
Dołączył: 15.04.2011
Skąd: Kalisz

Ostrzeżenie: (0%)
-----


Teraz zauważyłem, że to działa tak jak powinno. jednak nie działa mi to, gdy mam załadowane Tabs z Angular Bootstrap ( https://angular-ui.github.io/bootstrap/ ). Może coś źle podpiąłem. Taki mam kod:
  1. <div class="container" ng-app="Panel" ng-controller="Main">
  2. <div ng-controller="WidgetTabs">
  3. <input type="text" ng-model="userID" name="userID" ng-change="check()" />
  4. </div>
  5. </div>

[JAVASCRIPT] pobierz, plaintext
  1. var Panel = angular.module('Panel', ['ui.bootstrap']);
  2.  
  3. Panel.controller('Main', function($scope) {
  4.  
  5. });
  6.  
  7. angular.module('ui.bootstrap.tabs').controller('WidgetTabs', function ($scope) {
  8. $scope.userID = '';
  9.  
  10. $scope.check = function() {
  11. alert($scope.userID);
  12. };
  13. });
[JAVASCRIPT] pobierz, plaintext




EDIT:
Sprawdziłem na aplikacji prosto z dokumentacji Angular UI, i tam też nie działa: http://plnkr.co/edit/G8oV5Arar4vWDtbASp5U?p=preview
Jakies sugestie?

Ten post edytował adbacz 17.09.2015, 17:30:07
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 15.06.2024 - 17:59