Добавить angular-trix в приложение angularjs firebase

Я делаю приложение, используя angular и firebase. Я хочу реализовать редактор angular-trix, чтобы пользователи могли публиковать свои собственные статьи. Но я не знаю, как интегрировать angular-trix. Я включил файлы js, а в app.js я ввел «angularTrix». var app = angular.module('myApp', ['ngRoute', 'ui.bootstrap', 'ngAnimate', 'firebase', 'ngSanitize','angularTrix']); Это моя html-страница.

<div>
<trix-editor ng-model="trix" angular-trix></trix-editor>
<button ng-click="save()">Save!</button></div>

а это контроллер

app.controller('profileCtrl', ['$scope', "$routeParams", "$firebaseObject", "$sce", "Auth", function($scope, $firebaseObject, $routeParams, $rootScope, Auth, $sce) {
// Demo controller
console.log('In ctrl');

$scope.trix = '<p>Hello</p>';
$scope.save = function() {
  alert($scope.trix);
};}]);

Result Я не знаю, что мне нужно включить в контроллер. Я хочу, чтобы когда пользователь нажимал кнопку отправки, он извлекал HTML и сохранял его в firebase.

Я знаю, как сохранять данные в firebase, но не знаю, как извлечь HTML из AngularTrix.

Фрагмент кода контроллера был бы очень полезен.


angularjs rich-text-editor angular-trix
person Bharat Chhabra    schedule 27.12.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Внутренний html хранится в модели, которую вы передаете редактору через атрибут ng-model следующим образом:

<trix-editor angular-trix ng-model="foo"></trix-editor>

Здесь foo будет ваша разметка:

angular.module('trixDemo', ['angularTrix']).controller('trixDemoCtrl',   function($scope) {
  $scope.foo = '<div>Hello world!</div>';
});

Небольшая демонстрация

person Ilya Luzyanin    schedule 27.12.2016
comment
Это не работает. На странице ничего не отображается. - person Bharat Chhabra; 27.12.2016
comment
Кнопка работает, но в трикс-редакторе нет данных - person Bharat Chhabra; 27.12.2016
comment
Я написал все контроллеры в controller.js и инициировал приложение в app.js. - person Bharat Chhabra; 27.12.2016
comment
Вы говорите о демо или о вашем приложении? Поскольку я пробовал демо даже в разных браузерах, все работает нормально. Я не могу удаленно отлаживать ваш код за вас - person Ilya Luzyanin; 27.12.2016
comment
Включили ли вы trix.js, директиву angular-trix и их файл css в свое приложение? Прочтите документацию. - person Ilya Luzyanin; 27.12.2016