AngularJS - ng-umfassen ng-Controller und den Umfang nicht verbindlich

Question

Ich habe folgende Hauptansicht

<div ng-include="'otions.html'"></div> 

und options.html hat folgende

<div ng-controller="OptionsController">Options</div> 
<input type="text" ng-model="keyword" value="{{keyword}}" /> 
<button ng-click="search()">Search</button> 

Aber "Schlüsselwort" ist nicht verbindlich zu der Bereich in OptionsController.

app.controller('OptionsController', 
       ['$scope', function($scope) { 

    $scope.keyword = "all"; 
    $scope.search = function() { 
    console.log("hello") 
    }; 

}]); 

, wenn ich auf den Button klicken, sehe ich nicht hello und das Schlüsselwort all im Eingabetext wird nicht angezeigt.

Ich habe versucht, das Teil ng-Controller bewegt, wie

<div ng-controller="OptionsController" ng-include="'otions.html'"></div> 

folgt Und die Dinge funktionieren wie erwartet.

Ich lese die Antworten in AngularJS - losing scope when using ng-include - und ich denke, mein Problem ist verwandt, aber brauchen nur noch mehr Erklärung zu verstehen, was vor sich geht.

Answer 1

sollten Sie schreiben options.html wie folgt aus:

<div ng-controller="OptionsController">Options 
<input type="text" ng-model="keyword" value="{{keyword}}" /> 
<button ng-click="search()">Search</button> 
</div> 

OptionsController im äußeren html-Element gesetzt werden sollte.

Answer 2

i Gesicht gleiche Problem haben,

Unter Haupt Tag wird es funktionieren, aber, wenn einige Daten binden an nav.html es nicht funktioniert.

finden den Link

AngularJS - losing scope when using ng-include

innerhalb seiner Arbeit Kind-Bereich umfassen. bessere Option zum Erstellen von benutzerdefinierten Richtlinie seine einfache Lösung