1. 程式人生 > >angular 引入編輯器以及控制器的學習和理解。。。

angular 引入編輯器以及控制器的學習和理解。。。

class dex 報錯 callback 1.5.0 ide color 卡住 就是

在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 引入編輯器以及控制器的學習和理解。。。