文本输入到AngularJS中的变量

时间:2017-10-23 09:49:51

标签: javascript html angularjs

我希望将两个文本输入中的数据保存到变量中。

这是我的 rtmNav.html

<div class="rtm-nav">
<label>From:
        <input type="text" name="input" ng-model="ctrl.dataa.from">
    </label>
    <label>To:
        <input type="text" name="input" ng-model="ctrl.dataa.to">
    </label>
</div>

这是已经存在的控制器。我不能改变它的结构,而且与经典的相比,它看起来不同。我必须在这里添加变量:

demand.js

class DemandCtrl {
    constructor(ChartDataService) {
        this.ChartDataService = ChartDataService;
    }

    $onInit() {
        getData.call(null, this);       
    }
    /////////////// THIS IS WHERE I GUESS I SHOULD ADD THE VARIABLES
    this.dataa = {
        from: '',
        to: ''
    };
    ////////////
}

... other methods ...

export const Demand = {
    bindings: {
        data: '<'
    },
    templateUrl: demandPageHtml,
    controller: DemandCtrl
};

可能这不是正确的方法在这里添加它,因为我从我的代码编辑器收到此消息:

  

[js]意外的令牌。构造函数,方法,访问器或属性   是预期的。

任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

将变量声明放入constructor

class DemandCtrl {

    constructor(ChartDataService) {
        this.ChartDataService = ChartDataService;
        this.dataa = {
            from: '',
            to: ''
        };
    }

    $onInit() {
        getData.call(null, this);       
    }

}