如何將angularJS中的變量插入到jade模板中的字符串（node.js）

如果我從角度$scope.id = '123'獲得一些值，如何在node.js的jade模板中使用它？我想將它用作鏈接的一部分。如何將angularJS中的變量插入到jade模板中的字符串（node.js）

p 
    | {{id}} // It does work... 

form(name="Remove", action="/cam/{{id}}_method=DELETE", method="post") 
// ...but it doesn't 
     button(type='submit') 
      | ready

來源

2016-05-23 DiPix

嘗試：

form(name="Remove", action="'/cam/' + {{id}} + '_method=DELETE'", method="post")

來源

2016-05-23 16:31:27 mariocatch

我試着。錯誤：'意外的標記{' – DiPix

翡翠使用{}作爲一個eval指標時，不通過管道前綴，所以你需要使用不需要這個前綴角綁定。對於您的示例，我將創建一個控制器函數並將其傳遞給ID和方法。下面是一個例子：

script. 
    angular.module('formapp', []) 
     .controller('formctrl', function($scope, $http){ 
      $scope.formsubmit = function(id, method){ 
       $http({ 
        method: method, 
        url: '/cam/' + id + '_method=DELETE' 
       }); 
      }; 
     }) 
form(ng-controller="formctrl" name="Remove", ng-submit="formsubmit(id, 'post')") 
    button(type='submit') 
     | ready

來源

2016-05-23 19:02:07 myrcutio

你確定嗎？我已經設置了一個斷點，調試器也沒有找到他。 – DiPix

當使用Jade時，您可以使用!=運算符進行unescape HTML編碼。

form(name="Remove", action!="/cam/{{id}}_method=DELETE", method="post")

但是，這可能會導致插值問題。因此，我建議你有一個像這樣

$scope.form_url = function() { 
    return '/cam/' + id + '_method=DELETE'; 
};

在控制器的功能，那麼這應該做的伎倆：

form(name="Remove", action="{{form_url()}}", method="post")

檢查這些來源： nodejs, jade escape markup， AngularJS multiple expressions concatenating in interpolation with a URL

來源

2016-05-23 19:39:59 cch

如何將angularJS中的變量插入到jade模板中的字符串（node.js）

回答

相關問題