AngularJS - Mit ng-Controller mit ng-umfassen

Question

Dies funktioniert:

<div ng-include="'login.html'" flex ng-if="!loggedIn" ng-controller="LoginController"></div> 

Dies schließt jedoch nicht ({{test}} gibt nichts aus):

<ng-include src="'login.html'" flex ng-if="!loggedIn" ng-controller="LoginController"></ng-include> 

Gibt es einen Grund? Oder ist es ein Fehler?

login.html:

<p>{{test}}</p> 

LoginController:

function LoginController($scope){ 
    $scope.test = 'login'; 
} 

Answer 1

Ich bin nicht genau sicher, wo "loggedI n "ist definiert, aber wenn ich es auf einem übergeordneten Controller definiere, funktionieren beide Syntaxen wie erwartet.

Plunkr

<div ng-controller="PrntCtrl"> 
     <div ng-include="'test.html'" flex ng-if="!loggedIn" ng-controller="TestCtrl"></div> 
     <ng-include src="'test.html'" flex ng-if="!loggedIn" ng-controller="TestCtrl"></ng-include> 
    </div> 

betrachten einige Fragen: Welche Version von Winkel verwenden Sie? Wie ist Ihre App definiert und wie ist der Controller in der App registriert? Wo ist "angemeldet" definiert?

Answer 2

Da diese Richtlinie akzeptiert nur drei Argumente:

• ngInclude | src = string
• onload (optional) = string
• Autoscroll (optional) = string

... nach dem ngInclude Docs

EDIT:

Sie können es einfach lösen wickeln in einem anderen Element ...

<div ng-if="!loggedIn" ng-controller="LoginController"> 
    <div ng-include="'login.html'" flex></div> 
</div>