首页 > 解决方案 > 为什么在 angularjs 指令链接函数中未定义双向绑定?

问题描述

我正在尝试将数据从控制器发送到指令,但我不确定为什么?

这是我的代码 https://plnkr.co/edit/0gtFynDdvyY0sWqKGI2l?p=preview

我执行以下步骤

  <div img-upload="" previewData="data" method="POST" 
       url="webfreaks.in/dummyService">
  </div>

previewData="data"在我这样定义的控制器中的指令中发送数据

$scope.data =['sds']

但是当我试图在指令中获取它的值时。我越来越undefined 不确定

为什么 ?

link : function(scope,elem,attrs){
    var formData = new FormData();
    console.log(scope.previewData)

范围

scope : {
    url : "@",
    method : "@",
    previewData:'=',
},

标签: javascriptangularjsangularjs-directive

解决方案


模板中的 previewData 必须像这样的“预览数据”(使用 kebab-case 进行模板中的绑定):

<div img-upload="" preview-data="data" method="POST" url="webfreaks.in/dummyService"></div>

推荐阅读