@angular_js
Игорь03.07.2018
12:48:46
12:48:46
не верю, что в доках нет ивента на открытие модалки
я конечно уже не помню как и что в ангуляржс, но дока говорит, что можно свой контроллер поключить
через него как-то может можно?
Google
Sergey03.07.2018
12:50:48
12:50:48
(function (angular) {
'use strict';
angular.module('twoWayApp.entities.eventsLog').controller('EventsLogDetailController', [
'$scope',
'$filter',
'$mdDialog',
function ($scope, $filter, $mdDialog) {
var $ctrl = this;
$ctrl.$onInit = function () {
// alert('Инициализируем подсветку синтаксиса.');
var q = document.querySelector('.md-dialog-container');
console.log(q);
};
Игорь03.07.2018
12:52:34
12:52:34
может я чего не понимаю, но я ориентируюсь на этот код
https://prnt.sc/k20wt6
Sergey03.07.2018
12:55:18
12:55:18
вот у меня контролер объявляется
(function (angular) {
'use strict';
angular.module('twoWayApp.entities.eventsLog').controller('EventsLogDetailController', [
'$scope',
'$filter',
'$mdDialog',
function ($scope, $filter, $mdDialog) {
var $ctrl = this;
$ctrl.$onInit = function () {
// alert('Инициализируем подсветку синтаксиса.');
var q = document.querySelector('.md-dialog-container');
console.log(q);
};
это все правильно
https://github.com/pc035860/angular-highlightjs
это не работает
Andrey03.07.2018
12:58:54
12:58:54
Я недавно кидал как слушать открытие модалки $mdDialog
Sergey03.07.2018
12:59:38
12:59:38
поэтому мне нужно вручную это сделать
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script
хотя наверное не сработает
$(document).ready(function() {
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
});
Andrey03.07.2018
13:01:23
13:01:23
GoogleSergey03.07.2018
13:02:31
13:02:31
а иначе никак?
Sergey03.07.2018
13:04:23
13:04:23
document.body.addEventListener('DOMSubtreeModified', function () {
document.title = 'DOM Changed at ' + new Date();
}, false);
Sergey03.07.2018
13:04:50
13:04:50
это не ресурсоемкая операция будет?
Sergey03.07.2018
13:06:35
13:06:35
что именно гуглить?
Sergey03.07.2018
13:30:21
13:30:21
$scope.$on('$viewContentLoaded', function () {
console.log('$viewContentLoaded');
});
не срабатывает
GoogleSergey03.07.2018
13:31:46
13:31:46
понятно почему
туплю
.directive( 'elemReady', function( $parse ) {
return {
restrict: 'A',
link: function( $scope, elem, attrs ) {
elem.ready(function(){
$scope.$apply(function(){
var func = $parse(attrs.elemReady);
func($scope);
})
})
}
}
})
Евгений03.07.2018
13:42:33
13:42:33
ребят, объясните дураку, как связана директива и контроллер
я все никак до конца въехать не могу
ведь у директивы даже скоуп можно сделать локальным
и независимым от контроллера
так в чем соль их взаимодействия?
вернее как оно происходит
Sergey03.07.2018
15:48:36
15:48:36
app.directive('uiHighlight', function ($parse) {
return {
restrict: 'E',
link: function($scope, el, attrs, ctrl) {
var source = $parse(attrs.source)($scope);
// linter ругается на Prism без window
var html = window.Prism.highlight(
source,
window.Prism.languages[attrs.lang]
);
var pre = angular.element(
'<pre><code class="highlight language-' + attrs.lang + '">' + html + '</code></pre>'
);
el.replaceWith(pre);
}
};
});
<ui-highlight source="item.description.new_item | json: 2" lang="javascript"></ui-highlight>
единственное к чему пришел
Remite03.07.2018
16:45:51
16:45:51
ведь у директивы даже скоуп можно сделать локальным
можно локальным, а можно взять от контроллера, а можно от другой директивы, а можно что угодно, вопрос только как Вам нужно
Artem03.07.2018
21:09:50
21:09:50
Приветствую! Помогите пожалуйста решить простую задачку - https://codepen.io/verbart/pen/jKRmYz?editors=1010
Ricky04.07.2018
10:16:57
10:16:57
ребят, объясните дураку, как связана директива и контроллер
Директива по умолчанию наследует контроллер по принципу прототипного наследования, контроллер шарит свой скоуп с директивой. Как написано в доке At a high level, directives are markers on a DOM element. То есть бизнес-логика лежащая в контроллере транслируется на элементы DOM при помощи директив (встроенные директива ngClick, ngInclude, ngRepeat)
Ekaterina04.07.2018
10:17:41
10:17:41
Всем привет. Ребята, кто-нибудь объясните мне, пожалуйста, в чем проблема. Ситуация такая, у меня есть радио кнопки через ng-repeat
<label ng-repeat="type in $ctrl.types">
<input type="radio" data-ng-value="type" data-ng-model="$ctrl.сard.block.personType" data-ng-click="$ctrl.getOrganization(type.id)" />
</label>
По нажатию на кнопку я отправляю данные на сервер, в json тип указан, в response также приходит верный. В переменную card присваивается response. Но после этого нужная радио кнопка не выбрана.
Функция сохранения
function doApply() { savePromise().then(
function (response) {
$ctrl.card = response.data;
}) }
Евгений04.07.2018
10:17:52
10:17:52
Директива по умолчанию наследует контроллер по принципу прототипного наследования, контроллер шарит свой скоуп с директивой. Как написано в доке At a high level, directives are markers on a DOM element. То есть бизнес-логика лежащая в контроллере транслируется на элементы DOM при помощи директив (встроенные директива ngClick, ngInclude, ngRepeat)
то есть контроллер содержит всю логику и обработки, когда директива в себе держит только модели по сути?Ricky04.07.2018
10:22:02
10:22:02
то есть контроллер содержит всю логику и обработки, когда директива в себе держит только модели по сути?
директива- это швейцарский нож, ты можешь инициализировать контроллер в теле директивы не создавая контроллер и вовсе, просто заинжектить в тело HTML шаблона имя директивы и все, там много возможностей, но основная это траверсить DOM, манипулировать элементами, делать какую-нибудь магиюЕвгений04.07.2018
10:23:00
10:23:00
окай, спасибо, но пока все равно с практической точки зрения не представляю
Ricky04.07.2018
10:35:17
10:35:17
окай, спасибо, но пока все равно с практической точки зрения не представляю
у тебя как вообще дела обстоят с ванилью?GoogleЕвгений04.07.2018
10:36:47
10:36:47
относительно
ну, я понимаю прототипы
something.prototype.somefunction = function () {
// реализация
}
например
для того чтобы по ссылке обращаться к одной функции
чем создавать на каждый объект новую
Ricky04.07.2018
10:38:15
10:38:15
something.prototype.somefunction = function () {
// реализация
}
а как сделать чтобы anything.prototype.anyfunction = function () {} делал тоже что и something.prototype.somefunction()?Евгений04.07.2018
10:41:27
10:41:27
anything.prototype.constructor = родительский конструктор()
если не прав, напиши пожалуйста как правильно
Ricky04.07.2018
10:45:20
10:45:20
anything.prototype.constructor = родительский конструктор()
ты пишешь родительский, а если он sibling(родственный)?Евгений04.07.2018
10:46:37
10:46:37
anything.prototype.anyfunction = Object.create(something.prototype)?
если он родственный
ну условно говоря он скопирует туда все, включая и другие методы если они есть, а не только somefunction
насколько я помню
GoogleЕвгений04.07.2018
10:48:14
10:48:14
anything.prototype.anyfunction = Object.create(something.prototype.somefunction)
наверное так правильнее
но я не уверен в ответе
Ricky04.07.2018
10:54:01
10:54:01
anything.prototype.anyfunction = Object.create(something.prototype.somefunction)
функцию точно не стоит туда соватьЕвгений04.07.2018
10:54:17
10:54:17
а как тогда?
Ricky04.07.2018
10:58:23
10:58:23
Евгений04.07.2018
10:59:10
10:59:10
то есть без прототипа напрямую Object.create
а его он сам поменяет как нужно
Ricky04.07.2018
11:00:13
11:00:13
а как тогда?
если хочешь создать прототип, просто копируешь сам объект и он создаст прототипную цепочкуЕвгений04.07.2018
11:00:40
11:00:40
в нашем случае b будет связан в цепочку с а?
Ricky04.07.2018
11:02:56
11:02:56
а его он сам поменяет как нужно
а в Классах ES5 внутри класса, в который вставить фичу из другого класса function B() {A.call(this, argument/-s) }Евгений04.07.2018
11:03:38
11:03:38
ну да, я так и подумал
а в Классах ES5 внутри класса, в который вставить фичу из другого класса function B() {A.call(this, argument/-s) }
так зачем писать такесли можно через прототип
Ricky04.07.2018
11:08:53
11:08:53
если можно через прототип
на момент объявления класса, мы создаем конструктор ну или оставляем его пустым. А дальше, в прототип записываем методы и свойства
Константин04.07.2018
12:52:15
12:52:15
Всем доброго дня
Открыть в Telegram