将按钮变成指令 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!');
         }
      }
    }
});

将按钮变成指令 AngularJS

Turn a button into a directive AngularJS

html

javascript

angularjs

angularjs-directive

查看

AngularJS申请