将按钮变成指令 AngularJS

Question

正如标题所说，我想将HTML 页面上的按钮称为自定义指令。喜欢：

<buy-button></buy-button>

下面是我要转换的代码：

<md-button class="md-cornered" 
           ng-disabled="0>=gains" 
           ng-click="buyTaxi()">Buy a Taxi</md-button>

Answer 1

这是您的元素到指令的基本转换。这样做并没有真正的优势，但它可以满足您的需求：

> demo fiddle

查看

<div ng-controller="MyCtrl">
  <my-directive></my-directive>
</div>

AngularJS 应用程序

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

myApp.controller('MyCtrl', function ($scope) {});

myApp.directive('myDirective', function () {
    return {
      restrict: 'E',
      replace: true,
      template: `<md-button class="md-cornered" ng-disabled="0>=gains" ng-click="buyTaxi()">Buy a Taxi</md-button>`,
      link: function (scope, element, attrs) {

         scope.gains = 1;

         scope.buyTaxi = function () {
            console.log('Buy me a nice taxi!');
         }
      }
    }
});