如何在Angular Js中使用单个控制器的多个视图

Question

我想在单个控制器上使用多个视图。 我的问题是当每次调用然后控制器运行时的每个视图，但我想只做调用与视图相关的函数。

Answer 1

您可以在视图文件中包含许多块，例如：

books.html

<div>
   <div ng-if="step=='add-books'">
       ------ view 1 -- Add Books
    </div>

    <div ng-if="step=='list-books'">
       ------ view 1 -- List of Books
    </div>
</div>

并在您的控制器中根据按钮点击更改$ scope.step变量的值。

Answer 2

您可以注册具有相同控制器名称的视图

app.config（function（$ routeProvider）{     $ routeProvider。

    when("/Home", {
        templateUrl: "Pages/Home.html",
        controller: "HomeController"
    }).
     when("/Login", {
         templateUrl: "Pages/Login.html",
         controller: "HomeController"
     }).

    otherwise({
        redirectTo: "/Home"
    });

}）;