Угловой JS: «это» внутри функции нг-если

Question

Угловой JS: «это» внутри функции нг-если

0

Может кто-нибудь помочь мне со следующим вопросом:

как я могу получить доступ к этому элементу внутри ng-if. (в моем примере classname " class_to_obtain " элемента span)

http://plnkr.co/edit/0s7PCWN2fJ8sJpFSJssV

HTML

<style>

.red
  {
    color:red;
  }

</style>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-route.js"></script>
    <script src="script.js"></script>
</head>

<body ng-app="demoApp">
    <div ng-controller="testCntr">
      <span class="class_to_obtain" ng-if="test()">Test</span>
    </div>



</body>


<script>

demoApp = angular.module('demoApp',[]);

demoApp.controller('testCntr', function ($scope) 
  {
  $scope.test = function()
    {
      alert(this.className);



    }

});
</script>

</html>

Andrii Hidden 25 авг. 2015, в 12:49

Источник

0

Я думаю, this будет глобальным на null по умолчанию. Вы можете привязать функцию к любому предопределенному объекту. Но я не могу представить себе веской причины получить this из функции, определенной в $scope . Вы бы лучше использовали controllerAs синтаксис.
Girafa 25 авг. 2015, в 09:56
0

Это должно быть нг-если? Вы можете легко сделать это с помощью нг-клика
user1334319 25 авг. 2015, в 10:19

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Я думаю, this будет глобальным на null по умолчанию. Вы можете привязать функцию к любому предопределенному объекту. Но я не могу представить себе веской причины получить this из функции, определенной в $scope . Вы бы лучше использовали controllerAs синтаксис.
Это должно быть нг-если? Вы можете легко сделать это с помощью нг-клика

SVK · Answer 1 · 2015-08-25T07-53-00.000Z

вы можете использовать $ element. Демо-ссылка

Код JS:

<script>

demoApp = angular.module('demoApp',[]);

demoApp.controller('testCntr', function ($scope,$element) 
  {
  $scope.test = function()
    {

      var result = document.getElementsByClassName("multi-files");
     // alert(this.className);
      console.log($scope);
 console.log($element.className);



    }

});
</script>