Добавить угловое-трикс в приложение для угловой стрелы

Question

Я делаю приложение с использованием угловой и firebase. Я хочу использовать редактор углового трикса, чтобы пользователи могли публиковать свои собственные статьи. Но я не знаю, как интегрировать угловые трикс. Я включил файлы 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); 
};}]); 

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

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

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

Answer 1

Внутренний 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>'; 
}); 

Малый Demo