Rails uygulamam ile AngularJS'yi kullanmaya başladım ve Rails içindeki haml şablonlarını kullanmaya alışkın olduğum için, istemci tarafında AngularJS ile aynı işlemi yapmak istiyorum. Sorun, haml dosyasında nerede okuyacağımı bilmiyorum.istemci tarafındaki hamleli angularjs
Yatırımcılar için bir modelim var ve 'show' şablonunu başlamak için en kolay hamleye dönüştürmeye çalışıyorum. İşte
benim angularjs kod göstermek ilişkin olupinvestors.js.coffee
İşte# Setup the module & route
angular.module("investor", ['investorService'])
.config(['$routeProvider', ($provider) ->
$provider
.when('/investors/:investor_id', {templateUrl: '/investors/show.html', controller: 'InvestorCtrl'})
])
.config(["$httpProvider", (provider) ->
provider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content')
])
angular.module('investorService', ['ngResource'])
.factory('Investor', ($resource) ->
return $resource('/investors/:investor_id.json', {}, {
show: {method: 'GET'},
})
)
angular.bootstrap document, ['investor']
benim denetleyicisi angularjs kodudur
investors_controller.js.coffee
# Show Investor
window.InvestorCtrl = ($scope, $routeParams, Investor) ->
html = haml.compileHaml({sourceId: 'simple'})
$('#haml').html(html())
investor_id = $routeParams.investor_id
$scope.investor = Investor.show({investor_id: investor_id})
Arka uçta bir Rails JSON API var. İşte
angularjs bakarak başlamadan önce bir .haml ve templateURL bu geçmek ve onu derlemeye eklentisi haml_coffee_assets almak istiyorum Sonuçta<script type="text/haml-template" id="simple">
%h1 {{investor.name}}
</script>
<div id="haml"></div>
<h1>{{investor.name}}</h1>
<p>
<b>Total Cost</b>
{{investor.total_cost}}
</p>
<p>
<b>Total Value</b>
{{investor.total_value}}
</p>
<a href='/investors/angular#/investors/{{investor.id}}/edit'>Edit</a>
<a href='/investors'>Back</a>
yılında okur show.html dosyasıdır dinamik alanlar ve içeriği değiştirerek.
Ref: https://github.com/netzpirat/haml_coffee_assets
Şu anda bu Haml dönüştürmek ve Haml ait kimlikli div içine koyacağız. Ancak, AngularJS, haml kodu içindeki {{investor.name}} yatırımcının ismini, işlemin çok geç olduğu şekilde değiştirmeyecektir.
İstemci tarafı haml şablonlarını böyle bir AngularJS projesinde düzgün olarak nasıl uygularım?
neden sunucu tarafı haml oluşturma değil? Hamlinizi her zamanki gibi yazın ve sunun ve istemci tarafı uygulamasının dönüştürülmüş html'yi istemesine izin verin. Bu sayede haml filtrelerinden faydalanırsınız ve açılı savaşmazsınız. Aksi takdirde, istemcideki haml şablonlarını ayrıştırdıktan sonra size açısal uygulamayı el ile önyükleme yaparsınız. Denemedim ama işe yarayabilirdi. – jaime
Eğer Rails görüntülerini haml biçiminde kullanacak olsaydım, templateUrl'e ne koyardım? – map7