angular 引入編輯器以及控制器的學習和理解。。。
在angular中引入編輯器的時候花了很長時間,然後發現自己以前根本就沒好好用過angular,因為項目是接手的學姐的,學姐又是接手的學姐的,到我這裏就只是寫寫頁面的事了。
引入編輯器差了好多好多資料,因為controller這個東西卡住了好久好久,前幾天看了兩節angualr的視頻才有一點點的接觸到controller,然後今天理解了一下下就搞出來了,其中遇到過的報錯,不只有一下三種。。。時間跨度太久,沒有記錄下了。
1.項目中找不到angular-cli.json,也找不到angular.json
查到引入tinymce編輯器時,要配全局訪問?然後就是找不到這個文件,我查了一下項目的版本好像是v1.5.0。得再研究下子。。。。
2.
後來全局安裝tinymce,添加控制器我真的搞了好久,教程是寫在js裏,我找了好久才發現這個項目的控制器寫在哪裏。
教程一般都是這樣寫的:
var app = angular.module(‘app‘, [‘ui.tinymce‘]) app.controller("editorController", function( $scope ) { $scope.tinymceOptions = {
//配置回調的事件 handle_event_callback : function(e) { console.log(e); } }; $scope.tinymceModel = "niceMCE"//初始化綁定的值 });
聲明一個模塊,模塊裏聲明控制器。我先是直接在我項目中的js文件中寫的如上,然後html綁定這個控制器,控制臺就會報錯找不到這個控制器。
我以前以為綁定這個控制器跟我項目中引入的promptBox一樣,這個寫在congfig.js文件下,於是我換了個思路把上上面那段代碼也寫在這個文件裏,顯然還是不行的。
今天在綁定模塊ng-app時才發現在index.html中已經包含了一個ng-app,同時這個目錄下的app.js文件下那個一直存在但我不明白的變量GNAR的定義方法就是以定義模塊的方法定義的。
然後查資料,說angularjs 中只能有一個模塊module(ng-app=""),一個模塊可以有多個控制器(ng-controller="")
今天才找到的,GNAR原來就是項目裏添加過的模塊。於是我把ui.tinymce加到了app.js中定義GNAR的地方。
3.
然後在頁面中對應的js文件中,我也琢磨了一會,項目中配置對應js的時候是這樣配置的:
我原本把‘editorController’加到了上代碼的[ ]中,於是就報錯了。查資料好像是引入了多個控制器,或者在控制器中引入了控制器。
我才想起在配置路由的時候,已經加了控制器,就叫‘’中的名字,我 在後面寫‘editorController’應該就是把控制器寫到了控制器裏。
於是我才轉過來,直接把引入編輯器之後的寫在了後面的fanction中,就成功了!
我還要好好看一下控制器,搞這麽久就說因為控制器都不了解,之前都沒有研究過angular,上面可能理解還不對,但是引入還是成功了。
成果參考:
不明提供者的錯誤可能匯總:
https://blog.csdn.net/victoryzn/article/details/81302150
AngularJS中的Provider們:Service和Factory等的區別:
https://segmentfault.com/a/1190000003096933?utm_source=tag-newest
引入編輯器:
https://www.cnblogs.com/diligenceday/p/4181982.html
angular 引入編輯器以及控制器的學習和理解。。。