如何在 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(函数($routeProvider){ $routeProvider.

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

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

});