10 內容投影

2021-08-15 13:00:40 字數 1612 閱讀 1011

內容:

- 最基本的ng-content的用法

- 用projection slotstou應多塊內容

- 把自定義元件投影進去

- 事件的處理方式

加入子元件中的東西可能不是那麼簡單,比如標題並不是寫死的,也不是繫結在子元件的某個屬性中的。它需要從父類元件中投影一些東西進來。這個時候就需要使用到ng-content了。

在子元件中使用標籤佔位,然後再父元件使用子元件的時候,往子元件中間新增一些其他html標籤元素,那麼這些新增的html**就會被投影到子元件的標籤佔位的地方。

但是,這樣最簡單的有時候還是不夠用,比如我子元件中不止是乙個地方不確定,可能有多個地方。那麼也是可以這樣使用,但是需要使用到select確定每乙個ng-content佔位的地方需要投影進那些內容:

隨後父子元件的ng-content使用方法:

最後實現結果:(大漠老師總是用這麼貶低自己的做例子,我表示不同意,大漠老師是個棒棒噠的大牛!!!)

假如,我需要投影進來的是乙個比較複雜的component,而不是簡單的一些html標籤的話,怎麼弄呢?ng-content投影乙個元件也是一樣可行的,只需要寫好對應的select即可。

使用元件,然後子元件中留好ng-content的佔位地方(可以使用css選擇器做好對應):

那麼,再如果元件更複雜一些,裡面有一些事件需要傳遞出來的話,那怎麼辦呢?

首先子元件的元件類ts檔案中需要響應事件,然後需要有乙個@output的事件發布emitter:

然後子元件html模板中繫結好響應事件:

再然後父元件使用時,接收emit出來的事件:

最後在接收到emite出來的事件之後,執行自己的方法:

這樣,子層的事件就能被父層接收到了:

10 內容提供者

contentresolver cr getcontentresolver cursor c cr.query uri.parse content sms new string,null,null,null while c.movetonext contentresolver cr getconte...

投影變換 透視投影和正交投影

2.3 投影變換 3.2.3.1 基本概念 在計算機圖形軟體中所採用笛卡爾 cartesian 直角三維座標系統,按照 z軸方向的不同有兩種形式 1 右手系統 當用右手握住 z軸時,大姆指指向 z軸的正方向 圖 3.20 a 其餘四個手指從x軸到 y軸形成乙個弧。2 左手系統 當用左手握住 z軸時,...

柵格重投影(投影變換)

openlayers能夠在不同的座標系統中顯示來自wms wmts 靜態影象和許多其他源的柵格資料。影象的地圖重投影直接發生在web瀏覽器中。在任何proj4js支援的座標參考系統中都是可視的,並且以前不相容的圖層現在可以組合和疊加。api的使用非常簡單。只需在ol view中指定正確的投影 例如使...