如何在 Angular Js 中通过单个控制器使用多个视图
How to use multiple views with single controler in Angular Js
我想通过单个控制器使用多个视图。
我的问题是每次调用控制器 运行 时的每个视图,但我只想调用与视图相关的函数。
您可以在一个视图文件中包含多个块,例如:
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 变量的值。
您可以注册与控制器同名的视图
app.config(函数($routeProvider){
$routeProvider.
when("/Home", {
templateUrl: "Pages/Home.html",
controller: "HomeController"
}).
when("/Login", {
templateUrl: "Pages/Login.html",
controller: "HomeController"
}).
otherwise({
redirectTo: "/Home"
});
});
我想通过单个控制器使用多个视图。 我的问题是每次调用控制器 运行 时的每个视图,但我只想调用与视图相关的函数。
您可以在一个视图文件中包含多个块,例如:
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 变量的值。
您可以注册与控制器同名的视图
app.config(函数($routeProvider){ $routeProvider.
when("/Home", {
templateUrl: "Pages/Home.html",
controller: "HomeController"
}).
when("/Login", {
templateUrl: "Pages/Login.html",
controller: "HomeController"
}).
otherwise({
redirectTo: "/Home"
});
});