Javascript 使用Angular.js创建显示同一模型不同部分的多个视图？_Javascript_Html_Angularjs

Javascript 使用Angular.js创建显示同一模型不同部分的多个视图？

javascript html angularjs

Javascript 使用Angular.js创建显示同一模型不同部分的多个视图？,javascript,html,angularjs,Javascript,Html,Angularjs,我现在正在学习Angular，我正在通过编写一个简单的应用程序进行练习，该应用程序使用基于的ngRoute 但我没有看到任何类似的东西，所以我认为这可能是不正确的。然后我想也许我应该使用这样一个单独的控制器： <body> <div ng-controller="fullViewController"> <div ng-view></div> </div> ... <div ng-c

我现在正在学习Angular，我正在通过编写一个简单的应用程序进行练习，该应用程序使用基于的

ngRoute

但我没有看到任何类似的东西，所以我认为这可能是不正确的。然后我想也许我应该使用这样一个单独的控制器：

<body>
    <div ng-controller="fullViewController">
        <div ng-view></div>
    </div>
    ...
    <div ng-controller="projectNameViewController">
        <div ng-view></div>
    </div>
</body>

...

但是，

ngView

s似乎仍然没有区别

正确的方法是什么？一旦我从

index.html

方面有了一个想法，我想我可以自己解决javascript/模块方面的问题-我只需要在正确的方向上稍微推动一下。

你可能想看看ui路由器：

它提供嵌套视图和比默认角度路由器更容易的状态管理。

您可能需要查看ui路由器：

它提供嵌套视图和比默认角度路由器更容易的状态管理。

实际上每个

路由只支持一个ng视图
，这肯定是这种方法的缺点
正如@Jakemmarsh所指出的，这个选择值得考虑。尽管你必须意识到：
警告：用户界面路由器已通过测试，正在积极开发中。因此，虽然该库经过了良好的测试，但API可能会发生更改。不建议在需要保证稳定性的项目中使用它
一些指令可能有助于在一个页面上实现多个模板：
ng include
——它包括来自不同文件的模板/html
ng开关
——在某些条件下切换html
的呈现
ng if
——在满足条件时渲染
实际上每个路线只支持一个ng视图
，这肯定是这种方法的缺点
正如@Jakemmarsh所指出的，这个选择值得考虑。尽管你必须意识到：
警告：用户界面路由器已通过测试，正在积极开发中。因此，虽然该库经过了良好的测试，但API可能会发生更改。不建议在需要保证稳定性的项目中使用它
一些指令可能有助于在一个页面上实现多个模板：
ng include
——它包括来自不同文件的模板/html
ng开关
——在某些条件下切换html
的呈现
ng if
——在满足条件时渲染
<body>
    <div ng-view="fullView"></div>
    ...
    <div ng-view="projectNameView"></div>
</body>

<body>
    <div ng-controller="fullViewController">
        <div ng-view></div>
    </div>
    ...
    <div ng-controller="projectNameViewController">
        <div ng-view></div>
    </div>
</body>