<!DOCTYPE html>
<html ng-app="app">
<head>
<link data-require="qtip2@*" data-semver="2.0.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.min.css" />
<link data-require="qtip2@*" data-semver="2.0.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.css" />
<link data-require="qtip2@*" data-semver="2.0.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/basic/jquery.qtip.min.css" />
<link data-require="qtip2@*" data-semver="2.0.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/basic/jquery.qtip.css" />
<script data-require="qtip2@*" data-semver="2.0.0" src="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.js"></script>
<script data-require="qtip2@*" data-semver="2.0.0" src="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/basic/jquery.qtip.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.2/angular.min.js"></script>
</head>
<body ng-contoller="mainController">
<h1>Hello Plunker!</h1>
<test></test>
{{1+1}}
</body>
</html>
Я новичок в угловом, поэтому я просто хотел попробовать его на плункере. Я написал простую угловую директиву, контроллер и модуль. Сообщение $scope
даже не появляется с моей главной страницы все связаны с ngApp
и ngController
.
Не уверен, что это ваш вопрос, но в опубликованном Plunker вам нужно добавить свой модуль.js для загрузки углового приложения:
<script src="module.js"></script>
В вашем Plunker есть две недостающие части.
Сначала вам нужно включить jQuery (jQuery QTips использует его).
Во-вторых, вам нужно включить ваш module.js
.
Обновленный Plunker
Я просмотрел ваш код в plnkr и обнаружил, что вы даже не передаете значение $ scope.message в свою директиву. Пожалуйста, исправьте эту проблему, и вы увидите, что сообщение отображается. Благодарю.