AngularJs Начинающий, как вызвать функцию

Question

AngularJs Начинающий, как вызвать функцию

0

Я использую в первый раз AngularJS. Я хочу сделать полосу прокрутки за год с 1960 по 2010 год. Мне нужно восстановить значение ng-bind, чтобы вызвать мою функцию updateData (год), когда я перемещаю полосу прокрутки. Но у меня есть проблема...

Я предполагаю, что скрипт не правильный. Вы можете мне помочь?

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

Matteo Amadei 22 июль 2015, в 17:20

Источник

Теги:

javascript

html

angularjs

2 ответа

Ещё вопросы

Darshan Patel · Answer 1 · 2015-07-22T14-00-00.000Z

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/

Sudharsan S · Answer 2 · 2015-07-22T13-23-00.000Z

Просто назовите {{updateData(year)}}. И убедитесь, что функция updateData находится в $scope в вашем контроллере. Тогда вы только получаете доступ к части html представления. В противном случае вы не можете использовать в html.

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

В контроллере

$scope.updateData = function() {
   return 'Hello';
}