当前位置: 首页 > 面试题库 >

角度传递范围到ng-include

潘安平
2023-03-14
问题内容

我有一个控制器,我写的,我在多个地方使用我的应用程序ng-includeng-repeat,就像这样:

<div
  ng-repeat="item in items"
  ng-include="'item.html'"
  ng-controller="ItemController"
></div>

在控制器/模板中,我希望该item值存在,并且整个事情都围绕着这个想法建立。不过,现在,我需要以稍微不同的方式使用控制器,而无需使用ng- repeat,但仍然需要能够传递item。我看到ng-init并认为它可以满足我的需要,例如:

<div
  ng-init="item = leftItem"
  ng-include="'item.html'"
  ng-controller="ItemController"
></div>
<div
  ng-init="item = rightItem"
  ng-include="'item.html'"
  ng-controller="ItemController"
></div>

但这似乎不起作用。任何人都有任何想法如何在这样的单个实例中为范围传递变量?

编辑:在此上方的控制器正在加载leftItemrightItem值,如下所示:

.controller('MainController', function($scope, ItemModel) {
    ItemModel.loadItems()
        .then(function(items) {
            $scope.$apply(function() {
                $scope.leftItem = items.left;
                $scope.rightItem = items.right;
            });
        });
});

问题答案:

我最终将其重写为指令,并使用

scope: {
    item: '='
}


 类似资料:
  • 问题内容: 我对Angular.js范围有疑问。 首先,我是Angular的新手,我已经阅读了范围文档,并尽我所能来理解它。我觉得我的问题与此类似: ng-show不符合预期的绑定 但是,我的示例本质上更简单,我仍然不明白我所缺少的内容。 我的html非常简单,我有一个包装所有内容的控制器: 在其中,我有几个部分: 如您所见,我打算在将其应用于控制器时显示该部分。 我的应用程序逻辑如下: sect

  • 问题内容: 这应该是一个非常简单的问题,但是我发现的所有解决方法都很复杂。我在模板中使用ng-repeat遍历对象数组,如下所示: 由于ng-repeat创建了新作用域,因此控制器中的“广告系列”对象似乎不可访问。除了将活动对象添加到数组中的每个项目之外,还有什么方法可以获取该价值? 提前致谢。 问题答案: 您可以使用$ parent访问父范围

  • 我正在使用Elessar库创建一个多范围选择器:https://github.com/quarterto/Elessar 到目前为止效果很好,除了一件事...我似乎找不到任何将ID传递到预填充范围的功能。如果需要更新从数据库加载的现有范围,这就有问题了。 以下是文档中提供的选项: 理想情况下,我认为,您应该能够通过一个ID([min,max,ID])的范围,这样您就可以在更新滑块时检测到实际更改了

  • 问题内容: 我遇到的情况是表单跨越了几页(可能并不理想,但这就是事实)。我想为整个表单提供一个范围,以便您随身携带,以便用户在步骤之间来回移动时很容易记住状态。 所以我需要用非常伪的代码来做: 组 单击一个链接,然后将其路由到新模板(可能使用同一控制器)。 仍应与最后一页上的值相同。 是否以某种方式持久保存示波器的数据是解决此问题的正确方法,还是还有其他方法?您是否甚至可以创建一个在路由之间具有持

  • 问题内容: 我已经在作用域上定义了一个函数。当我从{{}}内部的视图调用它时,它将执行X次。 控制者 的HTML 您可以在此示例中看到它:http : //jsfiddle.net/rbRvD/2/ 或使用Plunker:http://plnkr.co/edit/LLQ7cKs2fEoBwv0C5XPE 我猜这是用错误的方式完成的,但是为什么执行了那么多次呢? 问题答案: 您的函数运行10次。为什

  • 我正在研究这个angular2项目,其中我使用从一个组件导航到另一个组件。 有两个组件。i、 例如, 我想从PagesComponent导航到DesignerComponent。 到目前为止其路由正确但我需要通过 我尝试使用RouteParams,但它的获取页面对象。 下面是我的代码: 页面.组件. ts 在html中,我正在执行以下操作: 在 DesignerComponent 构造函数中,我完