自动实例化嵌套在 templateUrl 中的 AngularJS 控制器

标签2k

我只是在学习 Angular 并设置了一个非常基本的应用程序。当通过路由的 templateUrl 属性呈现一些数据时,在返回的模板中包含子控制器的最佳方法是什么?例如,在“viewItem”模板底部包含一个“createOrEditItem”模板,以便以后可以单独重用“createOrEditItem”?

我尝试将 adiv放入模板中,其ng-controller属性设置为我在应用程序级别定义的控制器名称,但它没有被激活。这应该使用指令来完成,以便在主控制器设置其内容时实例化,还是我错过了更基本的东西?

坦迈

是的,正如问题后面部分所述,您应该使用directive. 或者,如果使用 AngularJS >= v1.5,component应该是选择,因为它们是可插入的并且也适用于嵌套。

请注意,对于路线,您也可以直接使用component这样的:

var myMod = angular.module('myMod', ['ngRoute']);
myMod.component('home', {
  template: '<h1>Home</h1><p>Hello, {{ $ctrl.user.name }} !</p>',
  //                    ^^^^ other components can be used here
  controller: function() {
    this.user = {name: 'world'};
  } 
});

myMod.config(function($routeProvider) {
  $routeProvider.when('/', {
    template: '<home></home>'
  });
});

现在,正如评论所暗示的那样,您可以在homecomponent模板中自由使用其他组件。

希望这个对你有帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

控制器中templateUrl中的访问元素-AngularJS

来自分类Dev

如何在AngularJS中实例化控制器组件?

来自分类Dev

将控制器实例列表存储在AngularJS中的其他控制器中

来自分类Dev

将控制器实例列表存储在AngularJS中的其他控制器中

来自分类Dev

AngularJS控制器在嵌套控制器中不起作用

来自分类Dev

需要嵌套在父指令AngularJS中的指令控制器

来自分类Dev

自动调用AngularJS控制器中的setInterval函数

来自分类Dev

无法在AngularJS中初始化控制器

来自分类Dev

无法在AngularJS中初始化控制器

来自分类Dev

在angularJs post中将数据持久化在控制器中

来自分类Dev

无法从AngularJS中的控制器初始化对象

来自分类Dev

尝试基于常量在控制器中动态设置templateUrl

来自分类Dev

在组件的 templateUrl 中调用控制器函数

来自分类Dev

AngularJS中的templateUrl与模板

来自分类Dev

实例化并注入AngularJS控制器

来自分类Dev

将控制器变成AngularJS中的控制器

来自分类Dev

AngularJS:如何从另一个控制器中动态初始化模板中的控制器

来自分类Dev

AngularJS:如何从另一个控制器中动态初始化模板中的控制器

来自分类Dev

AngularJS:在控制器中初始化嵌套作用域变量

来自分类Dev

如何在AngularJS中初始化嵌套控制器?

来自分类Dev

在AngularJS中声明控制器

来自分类Dev

AngularJs中的Singleton控制器

来自分类Dev

使AngularJS控制器中的$ location无效

来自分类Dev

AngularJS:在控制器中读取JSON

来自分类Dev

在angularjs控制器中声明变量

来自分类Dev

AngularJS中的控制器/指令继承

来自分类Dev

angularjs控制器中的动态表

来自分类Dev

在angularjs控制器中声明变量

来自分类Dev

了解angularJS中的控制器范围

Related 相关文章

热门标签

归档