如何通过指令将数据从HTML传递到控制器？

Question

我使用指令从html传递数据

<div ng-app="app" ng-controller="main">
   <tempdir color="red"></tempdir>
</div>

并使用它

var app = angular.module('app', []);

app.directive("tempdir", function() {
  return {
    template: "<div id={{color}}> ... </div>",
    scope: {
      color: "@"
    }
  };
});

app.controller('main', function($scope) {
  // HOW TO CONSOLE.LOG "RED"?
  console.log();
});

如何在控制器内部使用可变颜色？

Answer 1

如果color参数将在您的指令中更新，则需要在指令上使用双向绑定-因此，在定义@参数时，您可以使用{ {1}}。代替对color参数进行=硬编码，您应该使用控制器变量。

red