Javascript 将纯角度转换为ecma6加角度_Javascript_Angularjs Directive_Angularjs Scope_Ecmascript 6_Angular Controller

Javascript 将纯角度转换为ecma6加角度

javascript ecmascript-6

Javascript 将纯角度转换为ecma6加角度,javascript,angularjs-directive,angularjs-scope,ecmascript-6,angular-controller,Javascript,Angularjs Directive,Angularjs Scope,Ecmascript 6,Angular Controller,我想用eccma脚本代码构建动态控制器。我将用angular代码展示一个示例。但我不明白如何在eccma6中实现这一点 let module = 'app.core.checka'; class WindowViewer{ constructor() { this.restrict = 'E'; this.template = ` < Button ng - click = "sendMsg()" > 85855 < /

我想用eccma脚本代码构建动态控制器。我将用angular代码展示一个示例。但我不明白如何在eccma6中实现这一点

let module = 'app.core.checka';
    class WindowViewer{
        constructor() {

    this.restrict = 'E';
            this.template = ` < Button ng - click = "sendMsg()" > 85855 < /Button><div ng-model="ngModel" kendo-window="windowId" k-title="'AJAX content'"
            k - width = "'90%'" k - height = "'90%'" k - visible = "false" k - draggable = "false"
            k - max - height = "'100%'" k - max - width = "'100%'" k - position = "{top: '10px', bottom: '100px', left: '5%', right: '5%'}"
            k - position - left = "'5%'"
            k - pinned = "true"  k - actions = '[ "Minimize", "Maximize" ,"Close", "Refresh"]'
            k - content = "{url: '{{ content }}' }"
            k - on - open = "win2visible = true" k - on - close = "win2visible = false" > < /div>`;

            this.controller = '@';
            this.name = 'controllerName';
            this.scope = {
            ngModel: '=',
                    content: '=',
                    windowId: '=',
                    minimize: '=',
            }

    }


    link(scope, elm, attrs, ctrl) {
    console.log(scope);
            if (angular.isDefined(scope.ratio)) {
                let ratio = scope.ratio.split(':');
                scope.offset = ratio[0];
                scope.inputWidth = ratio[1];
            }

    }

    static directiveFactory() {
            WindowViewer.instance = new WindowViewer();
            return WindowViewer.instance;
    }

    static callMe(){
      alert(884855);
    }
 }

   angular.module(module, [])
    .directive('windowViewer', WindowViewer.directiveFactory);


    export default module;

let模块='app.core.checka'；
类WindowViewer{
构造函数（）{
this.restrict='E'；
this.template=`

var app = angular.module('myApp',[]). directive('communicator', function(){ return { restrict : 'E', scope:{}, template:"<input type='text' ng-model='message'/><input type='button' value='Send Message' ng-click='sendMsg()'><br/>", controller : "@", name:"controllerName" } }). controller("PhoneCtrl",function($scope){ $scope.sendMsg = function(){ alert( $scope.message + " : sending message via Phone Ctrl"); } }). controller("LandlineCtrl",function($scope){ $scope.sendMsg = function(){ alert( $scope.message + " : sending message via Land Line Ctrl "); } })

var-app=angular.module（'myApp'，[]）。指令（'communicator'，函数（）{ 返回{ 限制：'E'，作用域：{}，模板：“ ”，控制器：“@”，名称：“控制器名称” } }). 控制器（“PhoneCtrl”，函数（$scope）{ $scope.sendMsg=函数（）{ 警报（$scope.message+“：通过电话Ctrl发送消息”）； } }). 控制器（“固定线路控制”，功能（$scope）{ $scope.sendMsg=函数（）{ 警报（$scope.message+“：通过陆地线Ctrl发送消息”）； } })