angular.js - angular 如何获取标签里的文本？-PHP中文网问答

微信公众号讲师中心

首页

文章

web3.0 后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发 UI设计计算机基础

编程手册

大前端 JavaScript 后端开发数据库移动端运维开发 UI设计计算机基础 XML Web Services

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

web3.0 后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程

angular.js - angular 如何获取标签里的文本？

曾经蜡笔没有小新 2017-05-15 17:04:40

[AngularJS讨论组]

1333

比如代码如下：

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

其中，p标签里的文本，是通过php传过来的。我试过ng-bind， ng-model获取，结果是undefined，为什么不行？
我要怎么通过angular去获取这个p标签的内容呢？
不想引用jq 通过js 去获取。

曾经蜡笔没有小新

全部回复(3)

为情所困2017-05-15 17:06:40 3楼

angularjs推荐的是使用控制器通过$http获取数据，然后再渲染到模板上，你这直接就用PHP输出到模板了，还要angularjs作甚？
angularjs有个jqLite，可以使用 angular.element(document.querySelector('p')).text()实现你的效果，但这和使用jQuery没有本质区别。

赞 +0

添加回复

phpcn_u15822017-05-15 17:06:40 2楼

你用ng-bind或者ng-model只是把一个scope下的变量绑定到上面，反而会改变标签里面的值为undefined。angular.element("#element-id")这个好像可以

赞 +0

添加回复

淡淡烟草味2017-05-15 17:06:40 1楼

应该是这样的

<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里面。

赞 +0

添加回复