Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何在Angular Js中使用带有单个控件的多个视图_Angularjs_Ionic Framework_Ionic_Hybrid Mobile App - Fatal编程技术网

Angularjs 如何在Angular Js中使用带有单个控件的多个视图

Angularjs 如何在Angular Js中使用带有单个控件的多个视图,angularjs,ionic-framework,ionic,hybrid-mobile-app,Angularjs,Ionic Framework,Ionic,Hybrid Mobile App,我想使用多个视图和单个控制器。 我的问题是每次调用视图时控制器都会运行,但我只想执行与调用视图相关的函数。在视图文件中可以有许多块,如: books.html <div> <div ng-if="step=='add-books'"> ------ view 1 -- Add Books </div> <div ng-if="step=='list-books'"> ------ view 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>

------视图1--添加书籍
------视图1——书籍列表

在控制器中,根据按钮单击更改$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"
    });

}))

不,对不起。我已经使用了多个视图。但我只想管理具有所有视图的单个控制器。并且希望只针对单个视图运行特定的函数,而不是每次编译所有函数或代码。控制器将只有一个,您必须管理$scope.step变量。控制器代码将只运行一次。在这种情况下,每次在每个视图上编译控制器时。可能会导致性能问题。请提供“每次调用时查看,然后控制器每次运行”的代码。。在正确的方向上提供帮助是很容易的。。