Jestem początkujący w angularjs i obecnie mam do czynienia z problemem z ng-include.ng-model nie działa wewnątrz ng-include
Mam aplikację testową wykorzystującą częściowe. Oto mój kod.
<html ng-app ="TextboxExample">
<head>
<title>Settings</title>
<script src="angular.js"></script>
</head>
<body ng-controller="ExampleController">
<div ng-include src = "'view.html'"></div>
<script>
angular.module('TextboxExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.textboxVal = 'fddfd';
$scope.ReadGeneralSettings = function() {
alert($scope.textboxVal);
}
$scope.ResetGeneralSettings = function() {
$scope.textboxVal = 'fddfd';
}
}]);
</script>
<button class="pull-right" ng-click = "ReadGeneralSettings()">Read</button>
<button class="pull-right" ng-click = "ResetGeneralSettings()">Cancel</button>
</body>
</html>
Kod częściowe view.html jest
<input type="text" ng-model="textboxVal">
Z jakiegoś powodu, textboxVal ustawiony NG-modelu nie jest aktualizowana, kiedy wprowadzić wartość w polu tekstowym. Ale to działa dobrze, jeśli nie używam ng-include i bezpośrednio dodam zawartość view.html do głównego pliku html. Proszę o pomoc.
Dzięki Sunil
ng-include tworzy nowy zakres –
ok, więc mogę sprawić, żeby działało? –
Sprawdź poniżej swoją odpowiedź –