AngularJs初学者,如何调用函数

时间:2015-07-22 14:53:35

标签: javascript html angularjs

我第一次使用AngularJS。我想从1960年到2010年创建一年滚动条。我需要恢复ng-bind的值,以便在移动滚动条时调用我的函数updateData(year)。但我有一个问题......

我猜这个剧本不正确。你能救我吗?

<div ng-app>
    <input id='slider' type='range' min=1960 max=2010 ng-model='year' width=200>
    <span ng-bind='year'></span>
    <script>
    updateData({{year}})
    </script>
    <div id='' class='rChart datamaps'></div>  
  </div>

2 个答案:

答案 0 :(得分:1)

Html:

<div ng-app="myApp" ng-controller="personCtrl">
    <input id='slider' type='range' min=1960 max=2010 ng-model='year' width=200>
    <div>
        {{updateData()}}
    </div>
</div>

Js:

var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
    $scope.year = "2000";
    $scope.updateData = function() {
        return "Year : "+$scope.year;
    }
});

http://jsfiddle.net/28Lgcyoc/

答案 1 :(得分:0)

只需拨打 //open file to write towards if($startPos == 0){ $fp = fopen('output.csv', 'w'); fputcsv($fp, array_keys($jsonDataInArray)); }else{ $fp = fopen('output.csv', 'a'); } 即可。并确保updateData函数位于控制器的{{updateData(year)}}中。然后只有你在视图html部分访问。否则你不能在html中使用。

$scope

在控制器

<div ng-app>
    <input id='slider' type='range' min=1960 max=2010 ng-model='year' width=200>
    <span ng-bind='year'></span>
    {{updateData(year)}}
    <div id='' class='rChart datamaps'></div>  
  </div>