

angularjs と onsenui のrangeタグを使ってコントローラと連動させようとしていますが、抜粋しますと、html側で

[code]

    <input type="range" class="range" max=100 ng-model="playtime" ng-change="rangeChange()">
    
[/code]

と書いて、コントローラ側で

[code]

    $scope.rangeChange = function() {
        console.log($scope.playtime);
    }
    
[/code]

と書いて実行させると、最初の１回はrangeタグを操作するとconsole.logに出力されるのですが、２回め以降が反応なしです。  
２回め以降もconsole.logを変化させる場合はどうすると良いでしょうか。。


CC BY-SA 3.0
2015-06-18T13:17:22.680
11479
2015-08-18T05:08:34.523
2015-06-18T16:08:52.247
3516
10202
question
monaca onsen-ui angularjs
monacaのonsenui のrangeタグの連動


自分が質問の意図を間違えていなければ、質問に書いてあるコードそのままで動くと思います。  
もし上手く動かないのであれば、質問に書いていない部分に原因があるかもしれません。

[code]

    ons.bootstrap()
      .controller('MainCtrl', function($scope) {
        $scope.rangeChange = function() {
          console.log($scope.playtime);
        }
      })
[/code]

[code]

    <link href="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.0-beta/build/css/onsenui.css" rel="stylesheet"/>
    <link href="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.0-beta/build/css/onsen-css-components.css" rel="stylesheet"/>
    <script src="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.0-beta/build/js/angular/angular.min.js"></script>
    <script src="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.0-beta/build/js/onsenui.min.js"></script>
    
    <body ng-controller="MainCtrl">
      <ons-toolbar>
        <div class="center">Main</div>
      </ons-toolbar>
    
      <p style="padding-top: 80px; color: #999; text-align: center">Main Page Contents</p>
      <div style="text-align: center">
        <input type="range" class="range" max=100 ng-model="playtime" ng-change="rangeChange()">
        <br /><br />
        <span style="font-weight:bold">{{playtime}}</span>
      </div>
    </body>
[/code]


CC BY-SA 3.0
2015-06-19T03:04:31.050
11495
2015-06-19T03:04:31.050
3516
11479
answer