AngularJS 中如何使用属性前缀“x-”和“data-”

AngularJS 是一种流行的JavaScript框架，用于构建动态的Web应用程序。在AngularJS中，我们可以使用属性前缀“x-”和“data-”来定义自定义属性，以实现更灵活和可扩展的应用。本文将介绍如何使用这些属性前缀，并提供相应的案例代码。

html
点击我

javascript
angular.module('myApp', [])
  .directive('xColor', function() {
    return {
      link: function(scope, element, attrs) {
        var color = attrs.xColor;
        element.css('background-color', color);
      }
    };
  });

html

javascript
angular.module('myApp', [])
  .controller('myController', function($scope) {
    var userName = document.querySelector('input').dataset.user;
    $scope.userName = userName;
  });