今日AngularJSで遊び始めたばかりで、行き詰まっています。コーヒースクリプトとhamlを許してください。
# some-js-file.js.coffee
app.directive "sr", ->
restrict: "C"
replace: true
transclude: true
scope:
serviceRequest: "@servReq"
template: "<div>" + "<div class=\"name\">{{service_request}}</div>" + "<div class=\"body\" ng-transclude></div>" + "</div>"
link: (scope, element, attrs) ->
scope.$watch 'serviceRequest', (serviceRequest) ->
console.log scope.serviceRequest, serviceRequest
# cool stuff
# index.html.haml
# more cool stuff...
.row{'ng-repeat' => 'service_request in service_requests'}
.sr{'serv-req' => '{{service_request}}'}
{{service_request.description}}
{{service_request}}式が評価されていないことを除いて、ループと基本テンプレートが表示されています。空白だけです。
'link:'セクションで、console.logが機能するためにスコープを$watchする必要がありました。これもserviceRequestを評価していませんでした。どうしたの?
ありがとう!!