переменная angularjs в javascript

Question

Впервые использовать угловые js.

Следующий код дает желаемый результат:

<a href="http://www.example.com/xyz/{{life.animal}}/" target="_blank">Hello </a> 

Он открывает страницу: http://www.example.com/xyz/cat/

Но ниже код не работает, как ожидалось:

<a href='javascript:void(0)' onClick='javascript:window.open("http://www.example.com/xyz/{{life.animal}}/","Windows","width=1150,height=450,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,titlebar=no,location=no,directories=no,status=no");return false')'>Hello </a> 

Он открывает страницу: http://www.example.com/xyz/ {{life.animal}}/

Я думаю, что делаю некоторые основные ошибки, но, пожалуйста, помогите мне.

Answer 1

угловой не взаимодействует со строками, но вы пытаетесь сделать это в своем обработчике onclick, который открывает окно (вы передаете строку там). Остановить строку и CONCAT с переменной:

onClick='javascript:window.open("http://www.example.com/xyz/" + life.animal)' 

Кроме того, как отметил @Enzey, использование нг щелчок вместо OnClick, а затем вывести JavaScript из вашего HTML и сделать этот материал в контроллере вместо этого.

.: например

HTML

<a href="javascript:void(0)" ng-click="myFunction()">Foo</a> 

Контроллер

$scope.myFunction = function() { 
    window.open(...whatever...); 
} 

Answer 2

Угловая область недоступен снаружи радиально, то есть ванильного JS.

Чтобы установить функцию CLICK угловую, как вы должны использовать нг щелкните

Создать функцию в контроллере или директивы, такие как

scope.open = function() { $window.open(...) }

В шаблоне сделать

ng-click="open()"

Answer 3

Двойной хеш используется для угловых указаний не для Javascript Vanil Если вы используете ng-href вместо href в теге <a>. Вы можете это проверить here