Нажатие кнопки AngularJS не работает

Question

Нажатие кнопки AngularJS не работает

0

index.html

 <!DOCTYPE html>
<html ng-app="todoApp">
<head>
  <title>To Do List</title>
  <link href="skeleton.css" rel="stylesheet"/>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
  <script src="app.js"></script>
</head>
<body ng-controller="todoController">
  <div class="section hero">
    <div class="container">
      <div class="row">
        <div class="three columns">
            <li>
              <button class="button button-primary" ng-click="btnClick(first)">Data 1</button>
            </li>
        </div>
        <div class="nine columns">
          <h4>{{dataText}}</h4>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

app.js

var app = angular.module('todoApp', []);
app.controller('todoController', function ($scope) {
      $scope.dataText = "";
      $scope.btnClick = function (num){
        dataText = "This is data from the " + num + " button."
      };
  });

Когда я нажимаю кнопку, я ожидаю, что ng-click начнет и вызовет функцию в контроллере, но когда я ничего не нажимаю, текст на экране ничего не изменится. Что я делаю не так?

Sajeetharan 29 окт. 2015, в 19:16

Источник

1

Что такое «первая» ссылка? нг кнопкой мыши = «btnClick (первый)»
jbrown 29 окт. 2015, в 17:43
0

О, я хотел, чтобы он передавал строку вроде «первой» строки
user4211162 29 окт. 2015, в 17:45
3

В этом случае используйте ng-click = "btnClick ('first')"
Kalyan 29 окт. 2015, в 17:46
0

Я просто изменил это, но по какой-то причине это все еще не работает.
user4211162 29 окт. 2015, в 17:49

Показать ещё 2 комментария

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

Что такое «первая» ссылка? нг кнопкой мыши = «btnClick (первый)»
О, я хотел, чтобы он передавал строку вроде «первой» строки
В этом случае используйте ng-click = "btnClick ('first')"
Я просто изменил это, но по какой-то причине это все еще не работает.

Sajeetharan · Accepted Answer · 2015-10-29T15-24-00.000Z

В вашем html нет переменной с именем first,

 <li>
   <button class="button button-primary" ng-click="btnClick(first)">Data 1</button>
 </li>

Вместо этого передайте его как строку

 <li>
   <button class="button button-primary" ng-click="btnClick('first')>Data 1</button>
 </li>

Также измените строку следующим образом:

  $scope.btnClick = function (num){
    $scope.dataText = "This is data from the " + num + " button."
  };

Вот рабочий Plunker