首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从v1.3.0开始,ng-change,ng-click不能与数据一起工作-toggle=“buttons”

从v1.3.0开始,ng-change,ng-click不能与数据一起工作-toggle=“buttons”
EN

Stack Overflow用户
提问于 2015-01-12 15:29:44
回答 2查看 28.6K关注 0票数 19

适用于angular版本1.3.4。在下面的代码片段中,ng-change事件不起作用。

依赖关系:引导程序版本3.3.0

以下代码在版本1.2.27之前有效

javascript

代码语言:javascript
复制
var app = angular.module("demoApp", ['ngRoute']);

app.controller('DemoController', function ($scope) {
    init();
    function init() {
        $scope.newItemType = 'bill';
        $scope.change = function () {
            alert($scope.newItemType)
        };
    }
});

app.config(function ($routeProvider) {
    $routeProvider
        .when('/prerak/list', {
            controller: 'DemoController',
            templateUrl: '/app/views/demo.html'
        })
});

html

代码语言:javascript
复制
<h4>Demo</h4>

<br />

<div>
    <div class="btn-group" data-toggle="buttons">
       <label class="btn btn-success"> 
         <input type="radio" value="bill" ng-change="change()" ng-model="newItemType"> Insert New Bill <span class="glyphicon glyphicon-file"></span> 
      </label> 
      <label class="btn btn-success">
        <input type="radio" value="coin" ng-change="change()" ng-model="newItemType"> Insert New Coin <span class="glyphicon glyphicon-adjust"></span>
      </label>
    </div>
           <br/><br/> Selected Item: <b>{{newItemType}}</b>
</div>

以下是plunkr (对于简单版本):http://plnkr.co/edit/yU9unxI8F6u2ToQzlUV2

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27897175

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档