Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Передача данных из контроллера в js функцию (https://javascript.ru/forum/angular/48300-peredacha-dannykh-iz-kontrollera-v-js-funkciyu.html)

ivanesi 28.06.2014 17:00

Передача данных из контроллера в js функцию
 
Добрый день.

Ковыряю ангуляр на своем проекте.

Есть контроллер с данными:

function NameController($scope){
    $scope.data = {
        name: 'Alex',
    }
}

в хтмл:
<div ng-controller="NameController"> 
   <a href="#" onclick="alert( {{data.name}} );"> ClickMe </a>
</div>

Как это завести чтобы заработало?

Спасибо за ответ.

рони 28.06.2014 17:40

ivanesi,
<!DOCTYPE HTML>
<html lang="en" ng-app>
<head>
    <title>test</title>
    <script src="http://code.angularjs.org/1.2.18/angular.min.js" ></script>
    <script>
       function StateController($scope){
    $scope.data = {
        name: 'Alex'
    } ;

    $scope.show = function() {
     alert($scope.data.name)
  };

}

    </script>
</head>
<body>

<div ng-controller="StateController" >


   <a href="#" ng-click="show()"> ClickMe </a>


</div>

</body>
</html>

рони 28.06.2014 17:59

ivanesi,
<!DOCTYPE HTML>
<html lang="en" ng-app>
<head>
    <title>test</title>
    <style type="text/css">
    a{
      display: block;
    }

    </style>
    <script src="http://code.angularjs.org/1.2.18/angular.min.js" ></script>
    <script>
       function StateController($scope){
    $scope.data = {
        name: 'Alex'
    } ;

    $scope.show = function(i) {
     alert(i)
  };

}

    </script>
</head>
<body>

<div ng-controller="StateController" >
   <a href="#" ng-click="show(data.name)" > ClickMe </a>
</div>

</body>
</html>

ivanesi 28.06.2014 18:10

Второй вариан универсальнее, на stackoverflow так же подсказали.

Спасибо.


Часовой пояс GMT +3, время: 09:33.