AngularJS在ng-click上使用刷新范围对象更改值

时间:2017-09-17 00:02:39

标签: javascript angularjs

我的问题是点击ng-click后不会在视图中更新{{homeCtrl.carCondition}}。  

 从导入检索的类中的函数

checkVehicleCondition( brakesCondition ){
            let vehicle = this.brakesCondition;
            if ( vehicle === 0 ) {
                this.vehicleCondition = 'Poor';
                console.log(this.vehicleCondition);
            } else {
                this.vehicleCondition = 'Excellent';
                console.log(this.vehicleCondition);
            }

控制器

const myCar = new ClientCar('BMW X5');

  this.carCondition = myCar.vehicleCondition;// Gives object from class to the view

  this.checkVehicle = myCar.checkVehicleCondition;;//Function Update vehicleCondition and should gives new value to "this.carCondition"

的index.html

 <h3>Condition:{{homeCtrl.carCondition}}</h3></br>
    <input type="button" value="like"   ng-click="homeCtrl.checkVehicle()"></br></br>

1 个答案:

答案 0 :(得分:0)

行中的拼写错误

 ng-click="homeCtrl.checkVechicle()"></br>

应该是

 ng-click="homeCtrl.checkVehicle()"></br>

并且不确定你实际上是在调用该函数 - 它是&#34; checkVehicleCondition(brakesCondition)&#34; ...

函数调用不应该是ng-click =&#34; homeCtrl.checkVehicleCondition()&#34;&gt; ...将一些制动条件值传递给函数?

和另一个错字....

this.checkVechicle = myCar.checkVehicleCondition;

应该是

this.checkVehicle = myCar.checkVehicleCondition;

以下是另一个 -

vale="like"

应该是

value="like"