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

通过属性将数组传递给AngularJS指令

史同化
2023-03-14
问题内容

通过指令的属性将数组传递给指令时,我目前遇到问题。我可以将其读取为字符串,但是我需要将其作为数组,所以这是我想出的,但是不起作用。帮助任何人?提前

Javascript ::

app.directive('post', function($parse){
    return {
        restrict: "E",
        scope:{
            title: "@",
            author: "@",
            content: "@",
            cover: "@",
            date: "@"
        },
        templateUrl: 'components/postComponent.html',
        link: function(scope, element, attrs){
            scope.tags = $parse(attrs.tags)
        }
    }
}

HTML ::

<post title="sample title" tags="['HTML5', 'AngularJS', 'Javascript']" ... >

问题答案:

如果要从您的作用域访问此数组,即加载到控制器中,则只需传递变量名称即可:

指示:

scope:{
        title: "@",
        author: "@",
        content: "@",
        cover: "@",
        date: "@",
        tags: "="
    },

模板:

<post title="sample title" tags="arrayName" ... >


 类似资料:
  • 问题内容: 我创建了这个小提琴来显示我的问题… http://jsfiddle.net/dQDtw/ 我正在将一个新创建的数组传递给指令,并且一切正常。但是,在控制台窗口中出现错误,指示: 对我需要按摩以清洁它的任何想法吗?我希望能够重用指令,而无需更新控制器。 这是HTML 这是JS。 var myApp = angular.module(’myApp’,[]); 问题答案: 该错误是因为您的指

  • 问题内容: 我想知道是否有一种方法可以将参数传递给指令? 我想做的是从控制器添加一个指令,如下所示: 是否可以同时传递一个参数,以便我的指令模板的内容可以链接到一个作用域或另一个作用域? 这是指令: 如果我想使用相同的指令但使用$ scope.title2怎么办? 问题答案: 这是我解决问题的方法: 指示 控制者 现在,我可以通过同一指令使用不同的作用域,并动态附加它们。

  • 问题内容: 在我的HTML文件中,我已通过以下方式链接到JS: 我的JS可以像这样直接读取此var的值吗? 这不起作用,并且FireFox错误控制台显示“未定义配置”。如何读取JS文件中通过src属性传递的var?这样简单吗? 问题答案: 您无法按照尝试的方式将变量传递给JS。SCRIPT标记不会创建Window对象(具有查询字符串),并且它不是服务器端代码。

  • 问题内容: 我需要在页面的几个地方使用指令,它有时应包含完整列表,但有时应进行过滤。这是我的幼稚方法: HTML: Javascript: http://jsfiddle.net/GDfxd/14/ 当我尝试使用过滤器时,出现此错误: 有解决此问题的方法吗? 问题答案: 在 $消化迭代 错误通常发生在有改变模型中的守望者。在错误情况下,隔离绑定将绑定到过滤器的结果。该绑定创建了一个观察者。由于过滤

  • 问题内容: 我正在尝试将字符串数组作为POST数据传递给PHP脚本,但是不确定该怎么做。 这是到目前为止我执行PHP脚本的代码: 我试图传递数组的地方: 调用PHP脚本: 以及相关的PHP脚本: 有任何想法吗?谢谢 ! 编辑 我正在尝试以下方法,但仍不满意: 这就是我所有的“错误报告” … 问题答案: 要将查询字符串中的数组传递给php,您应该添加到标识符并将每个项目都添加为单独的条目,因此这样的

  • 问题内容: 我有以下指令: 这是对象结构: 我希望它根据对象内部的数据生成一个链接。 不幸的是,由于我无法访问该对象的任何内部值,因此它不起作用,但是如果我将其传递给一个简单的数据结构,例如: 我可以使用访问它。 这是我的指令代码: 谢谢 问题答案: 在Angularjs官方网站上阅读说明: @或@attr- 将本地范围属性绑定到DOM属性的值。由于DOM属性是字符串,因此结果始终是字符串。如果未