Форум

ivanesi · #1 (**permalink**) 28.06.2014, 17:00

Добрый день.

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

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

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

в хтмл:

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

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

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

рони · #2 (**permalink**) 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>

рони · #3 (**permalink**) 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 · #4 (**permalink**) 28.06.2014, 18:10

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

Спасибо.

Форум

Справочник

Discord чат

Курсы javascript