Зачем ng route? Это же должен быть ui router
ng-route это библиотека маршрутизации
Nurlan
Bogdan
А не ng route
Nurlan
я что то уже запутался, мы на урок подключили этот файл
Nurlan
Nurlan
А в коде писали ui-route
Nurlan
ui-router
Nurlan
и все работало
Nurlan
дома не работает
pa[aad
В след раз так не делай, не кидай кучу кода в чат, давай ссылку
Nurlan
В след раз так не делай, не кидай кучу кода в чат, давай ссылку
Извиняюсь сейчас почищу, просто некоторые боятся что в файле троян или вирус сидит
Nurlan
мало ли
Anonymous
привет
Anonymous
объясните как модули устанавливать
Anonymous
Поставил модуль через npm
$ npm install angular-highlightjs --save
Anonymous
далее
var app = angular.module('twoWayApp', [
'templates',
'ngMaterial',
'ngAnimate',
'ngMessages',
'ngSanitize',
// ...
'hljs'
]);
Bogdan
А к проекту ты его подключил?)
Anonymous
собираю все
Module 'hljs' is not available! You either misspelled"
Anonymous
как подключить?
Bogdan
Не просто модуль ангулара, а js файлы зависимости
Anonymous
сборка через gulp
Anonymous
в gulpfile.js что-то прописать?
Anonymous
или я устанавливаю модули неправильно?
Anonymous
там такое есть:
/***************************************************************************
Patches of contents need to be included for app
***************************************************************************/
var PATCHES = {
vendors: [
getModulePath('babel-polyfill/dist/polyfill.min.js'),
'application/polifils.js',
getModulePath('angular/angular.js'),
getModulePath('angular-animate/angular-animate.js'),
getModulePath('angular-aria/angular-aria.js'),
getModulePath('angular-material/angular-material.js'),
Anonymous
пробовал прописывать
Anonymous
// highlight.js
// getModulePath('highlight.js/lib/index.js')
getModulePath('highlight.js/lib/highlight.js')
],
Anonymous
Uncaught Error: [$injector:modulerr] Failed to instantiate module twoWayApp due to:
Error: [$injector:modulerr] Failed to instantiate module hljs due to:
Error: [$injector:nomod] Module 'hljs' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
Bogdan
// highlight.js
// getModulePath('highlight.js/lib/index.js')
getModulePath('highlight.js/lib/highlight.js')
],
Вот здесь нужно это сделать, та разберись
Anonymous
так я это сделал
Anonymous
ошибку кидал
Anonymous
тогда я взял тупо подключил все через script
Anonymous
Uncaught TypeError: e.replace is not a function
at t (highlight.min.js:1)
at Object.d [as highlightAuto] (highlight.min.js:1)
at Object.j._highlight (angular-highlightjs.min.js:6)
at h (angular-highlightjs.min.js:6)
Anonymous
посоветуйте библиотеку для подсветки синтаксиса, которая будет работать с этим ископаемым.
Anonymous
конкретно нужно подсвечивать json
Anonymous
console.log(JSON.stringify(angular.version, null, 2))
VM80158:1 {
"full": "1.6.10",
"major": 1,
"minor": 6,
"dot": 10,
"codeName": "crystalline-persuasion"
}
Anonymous
да смотрел
Anonymous
$ctrl.$onInit = function () {
// alert('Инициализируем подсветку синтаксиса.');
var q = document.querySelector('.md-dialog-container');
console.log(q);
};
Anonymous
null
Anonymous
мне нужно, когда, корневой элемент диалога будет добавлен на страницу просто инициализировать подсветку синтаксиса
Anonymous
я уже полдня
Anonymous
сижу эксперементирую
Anonymous
неужели тут никто не знает?
Ігор
не верю, что в доках нет ивента на открытие модалки
Ігор
я конечно уже не помню как и что в ангуляржс, но дока говорит, что можно свой контроллер поключить
через него как-то может можно?
Anonymous
(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://prnt.sc/k20wt6
Anonymous
вот у меня контролер объявляется
Anonymous
(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);
};
Anonymous
это все правильно
Anonymous
https://github.com/pc035860/angular-highlightjs
Anonymous
это не работает
pa[aad
Я недавно кидал как слушать открытие модалки $mdDialog
Anonymous
поэтому мне нужно вручную это сделать
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script
Anonymous
хотя наверное не сработает
Anonymous
$(document).ready(function() {
$('pre code').each(function(i, block) {
hljs.highlightBlock(block);
});
});
pa[aad
Anonymous
а иначе никак?
pa[aad
Есть у компонента $postLink
pa[aad
Загуглите ивенты компонента
Anonymous
я контроллеру добавлял
Anonymous
не работает
Anonymous
$ctrl.$postLink = function () {}
pa[aad
Если у вас не компонент только директива спасет
pa[aad
Загуглите
Anonymous
document.body.addEventListener('DOMSubtreeModified', function () {
document.title = 'DOM Changed at ' + new Date();
}, false);
pa[aad
Я с телефона пишу
pa[aad
Уууу
pa[aad
Костылирование
pa[aad
Загуглите
Anonymous
это не ресурсоемкая операция будет?
pa[aad
Есть куча примеров
pa[aad
Вы сейчас время только теряете
Anonymous
что именно гуглить?
Anonymous
$scope.$on('$viewContentLoaded', function () {
console.log('$viewContentLoaded');
});
Anonymous
не срабатывает
Anonymous
понятно почему
Anonymous
туплю