Question

我是角度js的新手，我想用多个ngview创建一个应用程序，请帮助我

的index.html

<html ng-app="firstGenApp">
<body>
<div >
    <ng-view></ng-view>
</div>
</body>

1）这里我在加载index.html时包含login.html

的login.html

<h1>Login Page</h1>
<form ng-submit="login(userName, userPass)" ng-controller="LoginCtrl" class="ng-scope ng-pristine ng-valid">
    <label>User name</label>
    <input type="text" ng-model="userName" class="ng-pristine ng-valid">
    <label>Password</label>
    <input type="password" ng-model="userPass" class="ng-pristine ng-valid">
    <br/>
        {{loginError}}  {{loggedUser}}
    <br/><br/>
    <button class="btn btn-success" ng-click="">Login</button>
    <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
</form>

2）登录成功后我将包括homepage.html

Homepage.html

<div ng-view></div>

3）同时包括homepage.html给出错误

4）这个homepage.html有一个ng-view我想在包含abc.html之后使用这个ng-view。请帮我看看如何使用多个ng-view？

Answer 1

每个angularjs应用程序只能有一个ng-view。

您可以通过多种方式更改其内容：ng-include，ng-switch或通过$routeProvider映射不同的控制器和模板。

如果您想拥有嵌套视图或多个并行视图，那么您一定要尝试 UI-Router ：https://github.com/angular-ui/ui-router

如何在angularjs中定义多个ng-view？

1 个答案: