angularjs - Angular JS 中是否有来自 React JS 的等价 Prop ？

Question

我正在学习 angularJS，我想知道是否有像 react 一样的 Prop 。更具体地说，一种添加我在另一个文件中定义的 Prop 的方法。这将使我以 Angular 编码的网站更加高效，但我在 Angular 中找不到等价物。

Answer 1

在 AngularJS 中有一种方法可以做类似的事情。它被称为指令。在您的情况下，您想使用 restrict 创建指令设置为 'E' .'E'告诉编译器它将是生成的 HTML 中的一个元素。

angular.module('scopeDirective', [])
.controller('app', ['$scope', function($scope) {
  $scope.naomi = { name: 'Uriel', address: '1600 Amphitheatre' };
  $scope.igor = { name: 'Bitton', address: '123 Somewhere' };
}])
.directive('customer', function() {
  return {
    restrict: 'E',
    scope: {
      customerInfo: '=info'
    },
    templateUrl: 'customer.html'
  };
});

scope restrict 之后的对象定义您希望该指令接受的各种属性。这类似于 React 中 props 的工作方式。在该对象中，您可以看到 customerInfo这对应于指令的隔离范围属性。值 (=info)告诉 $compile绑定(bind)到 info 属性。 templateUrl映射到该指令的 HTML。

使用上述指令将如下所示:

<div ng-controller="app">
  <customer info="uriel"></customer>
  <hr>
  <customer info="bitton"></customer>
</div>

请参阅 Directives 上的 AngularJS 文档.

NOTE: Instead of trying to do something in AngularJS that is similar to how you do things in React or any other framework/library, I would suggest you do not instead embrace the current framework's capability and use it as is without trying to compare way of achieving similar things as this can lead to frustration down the road.

我希望您发现此答案对您的需求有用。