1. atskimura

    Posted

    atskimura
Changes in title
+LightningコンポーネントでAngularJSを動かす
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,34 @@
+ちょいネタです。
+
+Lightningコンポーネントには双方向バインディングがない(と思う)ので、AngularJSを動かしてみました。(Knockout.jsの方が軽くてよさそうですけど。)
+でも、普通に`ng-repeat`とかやるとレンダリングした時に属性を消しやがりまして動きません。なので、`data-ng-repeat`のように書くのがポイントです。
+
+# Component
+
+```xml
+<aura:component access="global" implements="flexipage:availableForAllPageTypes">
+ <ltng:require scripts="/resource/angular_min_js" afterScriptsLoaded="{!c.doInit}" />
+ <div data-ng-app="sampleApp" data-ng-controller="MainCtrl">
+ <h1>Angular</h1>
+ <p>{{msg}}</p>
+ </div>
+</aura:component>
+```
+
+# Controller
+
+```js
+({
+ doInit: function(component, event, helper) {
+ angular.module('sampleApp', []).controller('MainCtrl', ['$scope', function($scope) {
+ $scope.msg = "Hello!";
+ }]);
+ }
+})
+```
+
+# 動く
+
+![スクリーンショット 2015-04-17 22.06.05.png](https://qiita-image-store.s3.amazonaws.com/2454/27267/53a1e037-c419-ebcc-b765-c1667861e918.png)
+
+おしまい