angular.js - angular 如何取得標籤裡的文字?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-15 17:04:40
0
3
837

例如程式碼如下:

<body ng-app="app">
    <p ng-controller="myCtr">
        <p>这是要获取的内容</p>
    </p>
</body>

其中,p標籤裡的文本,是透過php傳過來的。我試過ng-bindng-model獲取,結果是undefined,為什麼不行?
我要怎麼透過angular去取得這個p標籤的內容呢 ?
不想引用jq 透過js 去取得。

曾经蜡笔没有小新
曾经蜡笔没有小新

全部回覆(3)
为情所困

angularjs推薦的是使用控制器透過$http取得數據,然後再渲染到模板上,你這直接就用PHP輸出到模板了,還要angularjs作什?
angularjs有個jqLit​​e,可以使用 angular.element(document.querySelector('p')).text()實現你的效果,但這和使用jQuery沒有本質區別。

phpcn_u1582

你用ng-bind或ng-model只是把一個scope下的變數綁定到上面,反而會改變標籤裡面的值為undefined。 angular.element("#element-id")這個好像可以

淡淡烟草味

應該是這樣的

<body ng-app="app">
    <p ng-controller="myCtr">
        <p ng-repeat="item in lists">{{iteam.name}}</p>
    </p>
</body>

在控制器中
angular.module("app",[]);
app.controller("myCtrl",['$scope','$http'],function($scope,$http){
    $http.get("url").then(function(data){
    $scope.lists=data;
    })
})

透過$http服務拿到PHP傳過來的數據,再綁定到視圖上,我這裡寫的很簡單,一般會在controller裡面調用封裝好接口,具體實現一般都在service裡面。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板