當TinyMCE添加到模塊

Question

時，接口消失所以我正在研究Angular-fullstack項目，我試圖將ui-TinyMCE添加到我的項目中。然而，當我改變

angular.module('academiaUnitateApp') 
    .controller('NewEntryCtrl', function ($http, $scope, $stateParams, entryService, Auth) { 
    $scope.entry = {}; 
    }); 

到

angular.module('academiaUnitateApp', ['ui-tinymce']) 
    .controller('NewEntryCtrl', function ($http, $scope, $stateParams, entryService, Auth) { 
    $scope.entry = {}; 
    $scope.tinymceOptions = {}; 
    }); 

我界面的變化來自

到

我做錯了什麼？

---

我HTML看起來像這樣

<div> 
    <h1> 
     New chapter 
    </h1> 

    <form class="form" name="form" ng-submit="save(form)" novalidate> 
     <div class="form-group"> 
      <label class="sr-only" for="title">Title</label> 
      <input class="form-control" name="title" type="text" placeholder="enter title here" required ng-model="entry.title" /> 
     </div> 

     <div class="form-group"> 
      <select required ng-model="entry.language"> 
       <option disabled>Choose language</option> 
       <option ng-repeat="e in languages" value="{{e._id}}">{{e.name}}</option> 
      </select> 
     </div> 

     <div class="form-group"> 
      <label class="sr-only" for="content">Content</label> 
      <textarea ui-tinymce="tinymceOptions" ng-model="entry.content" id="textarea" name="content" ></textarea> 
     </div> 

     <button type="submit" class="btn btn-success" id="save-btn"><span class="glyphicon glyphicon-ok"></span> Save</button> 
    </form> 
</div> 

<hr> 

<div> 
    <h1>{{entry.title}}</h1> 
    <br/> 
    {{entry.content}} 
</div> 

我添加了TinyMCE的到我的涼亭的依賴關係。

bower.json

{ 
    "name": "academia-unitate", 
    "version": "0.0.0", 
    "dependencies": { 
    "angular": ">=1.2.*", 
    "json3": "~3.3.1", 
    "es5-shim": "~3.0.1", 
    "jquery": "~1.11.0", 
    "bootstrap": "~3.1.1", 
    "angular-resource": ">=1.2.*", 
    "angular-cookies": ">=1.2.*", 
    "angular-sanitize": ">=1.2.*", 
    "angular-bootstrap": "~0.11.0", 
    "font-awesome": ">=4.1.0", 
    "lodash": "~2.4.1", 
    "angular-socket-io": "~0.6.0", 
    "angular-ui-router": "~0.2.10", 
     "angular-ui-tinymce": "*" 
    }, 
    "devDependencies": { 
    "angular-mocks": ">=1.2.*", 
    "angular-scenario": ">=1.2.*" 
    } 
} 

Answer 1

['ui-tinymce']應該['ui.tinymce']

也是我覺得要添加ui.tinymce到錯誤的地方。看起來你正在重新創建模塊而不是檢索。見https://docs.angularjs.org/guide/module#creation-versus-retrieval。

對於角度fullstack，您/client/app/app.js有：

angular.module('demoApp', [ 
    'ngCookies', 
    'ngResource', 
    'ngSanitize', 
    'btford.socket-io', 
    'ui.router', 
    'ui.bootstrap' 
]) 

你應該在這裏增加ui.tinymce。

angular.module('demoApp', [ 
    'ngCookies', 
    'ngResource', 
    'ngSanitize', 
    'btford.socket-io', 
    'ui.router', 
    'ui.bootstrap', 
    'ui.tinymce' 
])