如何在AngularJS中設置範圍？

Question

我有幾個$scope的內容。

HTML：

<td>{{ project.captation }}</td> 
<td>{{ project.perso }}</td> 

輸出：

內容1

Random text here... 

內容2

- Lorem ipsum- quia dolor sit ame- consectetur adipiscing elit 

個

JS（控制器）：

$http({ 
    url: "php/random.php", 
    method: "GET" 
}).success(function(data) { 
    $scope.project = data; 
}); 

我希望每個-通過<li>....</li>僅在存在一個-的情況下進行替換。 如何做到這一點？

Answer 1

也許是這樣的：

var items = $scope.project.perso.split('-'); 
if (items.length > 1) { 
    var list = ""; 
    for (var i = 0; i < items.length; i++) { 
     list += "<li>" + items[i] + "</li>"; 
    } 
    $scope.project.perso = list; 
} 

Answer 2

您需要創建一個自定義過濾器，用<li>...</li>替換-。請參閱此link以開始使用過濾器。然後使用過濾器在HTML模板如下：

<td>{{ project.captation | filterNameHere }}</td> 
<td>{{ project.perso | filterNameHere }}</td>