Javascript 不使用双向数据绑定从文本输入获取数据
长话短说,如果我更改双向数据绑定:Javascript 不使用双向数据绑定从文本输入获取数据,javascript,angularjs,data-binding,Javascript,Angularjs,Data Binding,长话短说,如果我更改双向数据绑定:ng model=“something”或{{something},它就会工作。单向数据绑定:ng bind=“something”或{{::something}尝试了这种方式,但现在当我第一次运行应用程序时,文本输入是空的(在它们包含硬编码值之前)。无论如何,如果我引入其他值,对于我写的每个值,图表都是针对我谈论的硬编码值(10/01/2017和10/03/2017)。是的,我知道,这很奇怪,你能用$scope.one=angular.copy($scope.
ng model=“something”
或{{something}
,它就会工作。单向数据绑定:ng bind=“something”
或{{::something}
尝试了这种方式,但现在当我第一次运行应用程序时,文本输入是空的(在它们包含硬编码值之前)。无论如何,如果我引入其他值,对于我写的每个值,图表都是针对我谈论的硬编码值(10/01/2017
和10/03/2017
)。是的,我知道,这很奇怪,你能用$scope.one=angular.copy($scope.two)吗代码>在您的示例中?因此,在申请/提交时,您将复制一份,并且不会影响其他范围变量。我不清楚,抱歉。我应该把它放在哪里?为什么one
和two
?这就是我的意思:双向数据绑定:ng model=“something”
或{something}
。单向数据绑定:ng bind=“something”
或{{::something}
尝试了这种方式,但现在当我第一次运行应用程序时,文本输入是空的(在它们包含硬编码值之前)。无论如何,如果我引入其他值,对于我写的每个值,图表都是针对我谈论的硬编码值(10/01/2017
和10/03/2017
)。是的,我知道,这很奇怪,你能用$scope.one=angular.copy($scope.two)吗代码>在您的示例中?因此,在申请/提交时,您将复制一份,并且不会影响其他范围变量。我不清楚,抱歉。我应该把它放在哪里?为什么是一个
和两个
?这就是我的意思:
const rtmNav = {
bindings: {
from:'<',
to:'<',
submit: '&'
},
controller: angular.noop,
templateUrl: require('./rtmNav.html')
}
export default rtmNav;
class DemandCtrl {
constructor(ChartDataService) {
this.ChartDataService = ChartDataService;
debugger;
this.dataa = {
from: '10/01/2017',
to: '10/03/2017'
};
}
$onInit() {
getData.call(null, this);
}
update() {
getData.call(null, this);
}
}
<div class="rtm-nav">
<div ng-app>
<form ng-submit="$ctrl.submit()">
<label>From:
<input type="text" name="input" ng-model="$ctrl.from">
</label>
<label>To:
<input type="text" name="input" ng-model="$ctrl.to">
</label>
<input type="submit" id="submit" value="Apply" />
</form>
</div>
</div>
<div class="demand page">
<rtm-header title="Demand" icon="fa fa-line-chart" link=true></rtm-header>
<rtm-nav from="$ctrl.dataa.from", to="$ctrl.dataa.to", submit="$ctrl.update()">
</rtm-nav>
<div id="chart" class="demand-chart">
</div>
</div>