AngularJS 指令中的可选表达式属性

AngularJS是一种流行的JavaScript框架，用于构建Web应用程序。它提供了一种简单的方式来处理可选表达式属性，这些属性可以通过指令来传递给组件。本文将介绍AngularJS中可选表达式属性的用法，并提供一些案例代码来帮助读者更好地理解。

javascript
// HTML模板
// 自定义指令
app.directive('myDirective', function() {
  return {
    scope: {
      myAttribute: '@' // '@'表示这是一个可选表达式属性
    },
    link: function(scope, element, attrs) {
      // 在link函数中可以使用myAttribute属性
      console.log(scope.myAttribute);
    }
  };
});

javascript
// HTML模板
// 自定义指令
app.directive('myDirective', function() {
  return {
    scope: {
      myAttribute1: '@',
      myAttribute2: '@'
    },
    link: function(scope, element, attrs) {
      // 在link函数中可以使用myAttribute1和myAttribute2属性
      console.log(scope.myAttribute1);
      console.log(scope.myAttribute2);
    }
  };
});