- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在创建一个使用以下标记的文件上传指令。
<file-upload
name="myUploader"
upload-url="{{$root.apiSettings.apiUrl}}/files"
auto-upload="true"
></file-upload>
我正在尝试像这样在指令 Controller 中获取 upload-url 属性。
$scope.uploadUrl = $attrs.uploadUrl
显然这行不通,因为我只是得到了带有大括号的未求值表达式。我尝试使用 $scope.$eval 对其进行评估,但出现解析错误,指出 { 是第 2 列中的无效字符。
接下来我尝试使用 ng-attr-upload-url 和不使用 $eval。
我通常会尽量避免使用隔离作用域绑定(bind),这可能会起到作用,因为我的指令中的大多数属性一次都是简单的,一种方式绑定(bind),我想减少 watch 的数量,所以如果这个可以使用不起眼的 $attrs 集合来实现,我很想知道如何实现。
最佳答案
在指令中,作用域绑定(bind)发生在链接的后期阶段, Controller 执行得非常早,所以如果你想在指令的 Controller 中获取指令属性中提供的值,你需要使用 $interpolate
在你的 Controller 中,考虑到你没有使用隔离范围。
要在 Controller 中获得正确的值,您可以使用 $parse
或 $interpolate
,具体取决于您通过指令的属性传递的内容。如果您只传递了属性的名称,那么您可以使用 $parse,否则如果您有一个内插字符串,则需要使用 $interpolate,它会在给定的上下文中执行。
在您的情况下,您需要像下面这样使用 $interpolate
在 HTML 中
<body ng-app='app' ng-controller='mCTRL'>
<h1>Hello Plunker!</h1>
<file-upload
name="myUploader"
upload-url="{{url}}/files"
auto-upload="true"
></file-upload>
</body>
您的指令应如下所示
app.directive('fileUpload',function(){
return{
restrict:'EA',
controller:function($scope,$attrs,$interpolate){
var myUrl=$interpolate($attrs.uploadUrl)($scope)
},
link(scope,elem,attrs,ctrl){
}
}
})
关于javascript - 使用 $attrs 评估其中带有花括号的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37913102/
我用 redis 后端运行 celery。 我想在 centos 6.2 上运行 celery 花作为守护进程。 我知道花是 Tornado 应用程序,所以我应该使用一个进程来运行 Tornado 应
我在一台服务器上有几个项目,它们使用具有不同 BROKER_URL 的 celery 包。Flower 允许一个 BORKER_URL 作为命令选项: celery flower --broker=a
我正在使用芹菜和花卉。当我访问Flower中的“任务”标签时,我可以看到我的任务正在注册,甚至可以在“状态”列中看到“成功”标签以及所有内容。 但是,在“监视器”选项卡上,所有图形(“成功任务”,“失
我正在尝试创建一个有 5 个叶子的 css 花 - 没有任何有希望的尝试。我正在尝试创建什么:有 5 片叶子的 CSS 花,每片叶子可以有三种不同的状态(小、中、大)。我找到了 http://ross
如果我有一个变体,像这样: using my_variant = boost::variant; 有没有一种简单的方法可以将变体可以包含的类型提取到 Boost.Hana 元组中,以便满足以下条件:
调用 Flower API's /api/task/apply/* 只是挂起而没有返回结果,即使任务已根据 Web UI 处理并成功。 重现错误: # hangs even though task s
我有一个模板函数,默认情况下没有定义,但它由某些类型特化: template auto foo(bar &, const T &) -> void; template <> auto foo(bar
就目前情况而言,这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放,visit
我是一名优秀的程序员,十分优秀!