Html 单击按钮时,角度js中的值不更新

Html 单击按钮时,角度js中的值不更新,html,angularjs,node.js,Html,Angularjs,Node.js,此html代码: <md-button class="md-primary " ng-click="setDevice('phone')">Phone </md-button> <md-button class="md-primary " ng-click="setDevice('tablet')"> Tablet </md-button> <div class="

此html代码:

<md-button class="md-primary " ng-click="setDevice('phone')">Phone           
        </md-button>
<md-button class="md-primary " ng-click="setDevice('tablet')">
           Tablet
        </md-button>

<div class="area-{{setDevice}}">
    <me-iphone tmp-url="{{appTemplateUrl}}"></me-iphone>
</div>
问题是(首先单击手机),当单击平板电脑按钮时,无法更新设置设备值


当单击这两个按钮时,希望更新
$scope.setDevice
值使用您的代码,如下所示:

$scope.setDevice = function(setDevice){
   return setDevice;
}

按如下方式使用您的代码:

$scope.setDevice = function(setDevice){
   return setDevice;
}

虽然您的思路是正确的,但您在语法上有点混乱。:) 这是很好的,也是学习中必不可少的一步

在您的代码中,您首先将您的
设置设备声明为字符串,然后声明为函数。由于最后一个赋值是函数,因此
$scope.setDevice
不再是字符串,而是函数

将变量的名称更改为其他名称,它将正常工作

$scope.currentDevice = "";
$scope.setDevice = function(setDevice){
    $scope.currentDevice = setDevice;
}
在您的
HTML

<md-button class="md-primary " ng-click="setDevice('phone')">Phone</md-button>
<md-button class="md-primary " ng-click="setDevice('tablet')">Tablet</md-button>

<div class="area-{{currentDevice}}"> <!-- THIS NEEDS TO BE UPDATED AS WELL -->
    <me-iphone tmp-url="{{appTemplateUrl}}"></me-iphone>
</div>
电话
药片

虽然您的思路是正确的,但在语法上有点混乱。:) 这是很好的,也是学习中必不可少的一步

在您的代码中,您首先将您的
设置设备声明为字符串,然后声明为函数。由于最后一个赋值是函数,因此
$scope.setDevice
不再是字符串,而是函数

将变量的名称更改为其他名称,它将正常工作

$scope.currentDevice = "";
$scope.setDevice = function(setDevice){
    $scope.currentDevice = setDevice;
}
在您的
HTML

<md-button class="md-primary " ng-click="setDevice('phone')">Phone</md-button>
<md-button class="md-primary " ng-click="setDevice('tablet')">Tablet</md-button>

<div class="area-{{currentDevice}}"> <!-- THIS NEEDS TO BE UPDATED AS WELL -->
    <me-iphone tmp-url="{{appTemplateUrl}}"></me-iphone>
</div>
电话
药片

New post,当时我正要回答几乎相同的问题+1更新“currentDevice”值,但不刷新div标记。我能做什么?你说的不刷新div标签是什么意思?Angular具有双向数据绑定。您不需要更新/刷新标记(DOM):)您的操作是正确的。我仔细检查了我的代码,有语法错误。我修好了。它正在工作。谢谢你提醒我关于angular js.New post的想法,当时我正要回答几乎相同的问题+1更新“currentDevice”值,但不刷新div标记。我能做什么?你说的不刷新div标签是什么意思?Angular具有双向数据绑定。您不需要更新/刷新标记(DOM):)您的操作是正确的。我仔细检查了我的代码,有语法错误。我修好了。它正在工作。谢谢你提醒我关于angular js的想法。