Как заставить полноценно отображаться HTML?

Question

[frees2]

Первый раз попробовал эту штуковину, angular демо тест test33.php
Простите люди добрые дуру грешную, как в RSSFeedArticle.content
заставить полноценно отображаться HTML, мало того, редактировать, к примеру так как в js
entry.content=entry.content.replace(/<\/?(?!\!)[^>]*>/, " ");

Answer 1

[Сергей Протько]

https://docs.angularjs.org/api/ng/service/$sce

Comments

[frees2]

не дает решения обработки тегов

[Сергей Протько]

frees2: вы о чем? я пот не понимаю что вы хотите сделать. У вас на входе строка и на выходе строка, в чем проблема?

[frees2]

Сергей Протько: наверно я идиот, где то пример есть?

[frees2]

Сергей Протько: {{RSSFeedArticle.content}} ну и как это обрабатывать?

[Сергей Протько]

frees2: явно не в шаблонах. Обрабатывайте там где вы получаете данные.

[frees2]

Сергей Протько:
angular.module("RSSFeedApp", []);

angular.module("RSSFeedApp").factory("RSSFeedFactory", ["$http", function($http){
var RSSFeedFactory = {};
RSSFeedFactory.parseRSSFeed = function(RSSFeedURL){ return $http.jsonp(
"ajax.googleapis.com/ajax/services/feed/load?v=1.0&..." +
encodeURIComponent(RSSFeedURL)+'&c=bba0999232b1e6ebb88e30631a90da46');
};
return RSSFeedFactory;
}]);






angular.module("RSSFeedApp").controller("RSSFeedController",
["$scope", "$http", "RSSFeedFactory", function($scope, $http, RSSFeedFactory){
$scope.RSSFeedName = "выбрать список";
$scope.RSSFeedPage = "";
$scope.RSSFeedArray = loadRSSFeedArray();


$scope.loadRSSFeedArticleCollection =
function(RSSFeedName, RSSFeedURL, RSSFeedPage, searchText){
$scope.RSSFeedName = RSSFeedName;
$scope.RSSFeedURL = RSSFeedURL;
$scope.RSSFeedPage = RSSFeedPage;
$scope.searchText = searchText;
RSSFeedFactory.parseRSSFeed(RSSFeedURL).then(function(response){
$scope.RSSFeedArticleCollection = response.data.responseData.feed.entries;
})
};
}]);

[Сергей Протько]

вот вы почти пришли к успеху.... осталось из сервиса выплевывать не респонс а уже готовые данные, обработанные и все такое.

[frees2]

Сергей Протько: буду ждать кто знает

[Сергей Протько]

frees2: вы хотели сказать "кто сделает за вас"?

.factory("RSSFeedFactory", ["$http", function($http) {
    var service = {
        parseRSSFeed: parseRSSFeed
    };

    function parseRSSFeed(RSSFeedURL) {
        return $http.jsonp(
                "ajax.googleapis.com/ajax/services/feed/load?v=1.0" +
                encodeURIComponent(RSSFeedURL) + '&c=bba0999232b1e6ebb88e30631a90da46'
        	)
            .then(function(response) {
                    return response.data.responseData
                      .feed.entries.map(function(entry) {
                        // делайте тут что хотите
                        return entry;
                    });
                }
            };

    }

    return RSSFeedFactory;
}]);

вся соль сервисов в том что бы инкапсулировать обработку данных. То есть откуда данные берутся, как обрабатываются и т.д. Контроллер должен быть тупым как пробка. Его задача - просто попросить сервис предоставить текущее состояние или попросить сервисы поменять состояние данных. Но сами контроллеры должны быть тупыми. в них не должно быть поведения. В этом их соль и соль MVC/MVA. Иначе вы не можете говорить что у вас логика отделена от представления, все смешано, четких границ нет, да здравствует smartui.

[frees2]

Сергей Протько: да вы правы, так у меня уже есть скрипт на js, давно работает. Какой тогда смысл в ангуларе если он все эти функции делает и даже быстрее, скрипт легче. Я думал на ангуларе можно, буду ждать ангулар 2, может што там будет.

[frees2]

Вот типо так и обрабатывал.
$.each(data.responseData.feed.entries, function(i,entry)
{ entry.link =entry.link.replace(/details/g,"download"); Сергей Протько:

[frees2]

Сергей Протько: No more $scope в общем они отказываются от этих модулей, если не врут разработчики, видимо нет смысла тратить время на ангулар 1 надо жджать два, это как флеш4 который многие учили а потом он стал совсем другой, принципиально

[Сергей Протько]

frees2:

Какой тогда смысл в ангуларе если он все эти функции делает и даже быстрее

Ангуляр это фулстэк фреймворк, который позволяет вам организовать инфраструктуру вашего приложения. Предоставляет компоненты (директивы, в angular2 будут только компоненты и декораторы, но вы можете их и сейчас делать без проблем), позволяет организовать сервисный слой (то где идет обработка данных) и т.д.

То есть если у вас есть выборка данных из апишки и последующая их обработка - ангуляр тут как бы не поможет, он поможет только вынести это дело в сервис и упростить организацию пользовательского интерфейса.

Если вы собирались использовать angular как замену jquery - то это явно не правильно. jquery это библиотека для работы с DOM, в то время как ангуляр просто позволяет вам вообще не обращаться непосредственно к DOM. Надеюсь разница понятна.

No more $scope

Ну и да и нет, вы как бы и в angular начиная с версии 1.2 можете не использовать $scope. Есть controllerAs синтаксис, грубо говоря алиас для контроллера. Это рекомендованный подход нынче и он таким же будет в angular2.

[frees2]

Сергей Протько: Всё довольно сложнее. Для полноценной обработки HTML мы все равно обращаемся к DOM, пока нет того, что нельзя сделать jquery и HIstory HTML5, мало того, я точно знаю, это не фейк, гугл хитро манипулирует новостями в своих лентах, равно и видеороликами в выдаче через клиентские скрипты. Приходится имитировать в некоторых случаях, браузер.

[Сергей Протько]

frees2: я ничерта не понял из того что вы описали.

Для полноценной обработки HTML мы все равно обращаемся к DOM

В вашем же примере вы тупо регулярками парсили xml. О чем мы тут вообще говорим? Хотите DOM элемент что бы поработать с xml - да не вопрос, просто в DOM документа текущего сами не вставляйте.

пока нет того, что нельзя сделать jquery и HIstory HTML5

Именно так. Я вам даже больше скажу, нет ничего что нельзя сделать на javascript потому что ангуляр тоже написан на javascript как и jquery. Вопрос трудозатрат. Я могу за 8 часов написать полноценный клиент для апишки который будет выполнять бизнес требования, и при этом я смогу потом быстро допиливать функционал и т.д. В то же время с jQuery моя продуктивность будет в разы ниже. На маленьких проектах эта разница не особо чувствуется, но на больших, когда у вас не пара сотен строк кода, а скажем от 5К строк кода, работать тупо с jquery станет уже дико неудобно.

Помимо ангуляра для простых задач есть еще отдельные библиотеки для организации MVVM, например vue.js и т.д.

Но вы же сами решили ангуляр взять для своей простой задачи.