javascript - AngularJs初学者,如何调用函数

标签 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>

最佳答案

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/

关于javascript - AngularJs初学者,如何调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31566715/

相关文章:

html - 如何使用伪选择器模糊正方形中的文本?

javascript - 在初始 HTML 页面上预取 HTML 内容以供将来请求

javascript - Angular Js : {{message}} is not replaced by some text

javascript - 除了 jQuery 之外,还有哪个 Javascript 库使用 $?

javascript - 更改切换 div 上的文本

javascript - Angular UI 路由器 : Setting autoscroll on header view does not scroll to top

javascript - 含义 var lineColor = { red : 'blue' , blue: 'red' }[lineColor];

javascript - 如何将 HTML 重写为 PHP 回显?

c# - JSON 对象不序列化大数据

javascript - 使用 select 作为标签时,如何使用 ng-options 禁用 angularjs 中的选项