angularjs - 将范围参数传递给组件

Question

我们可以将范围参数传递给指令

app.directive('appInfo', function() { 
  return { 
    restrict: 'E', 
    scope: { 
      info: '=' 
    }, 
    templateUrl: 'js/directives/appInfo.html' 
  }; 
});

并在视图中按如下方式使用它：

<app-info info="app"></app-info>

组件也可以用作指令:

<component-info></component-info>

但是我们可以向它传递一个与 info="app" 相同的作用域参数吗？

Answer 1

是的，对于组件，您将使用 bindings 而不是范围。所以你的组件定义看起来有点像这样：

app.component('componentInfo', { 
    bindings: { 
        info: '=' 
    },
    // ... and so on
});