Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 单击readmore后,剩余的行应以角度显示?_Angularjs - Fatal编程技术网

Angularjs 单击readmore后,剩余的行应以角度显示?

Angularjs 单击readmore后,剩余的行应以角度显示?,angularjs,Angularjs,嗨,朋友,当我点击阅读更多链接时,剩下的文本应该是可见的。 这里是小提琴: 我指的是这个链接: 在这里,他们一直在获取id并使其可见,而且它也不会对多个用户起作用 <a href="#">Readmore</a> 请提供任何解决方案。看看简单的解决方案 <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <tit

嗨,朋友,当我点击阅读更多链接时,剩下的文本应该是可见的。 这里是小提琴:

我指的是这个链接: 在这里,他们一直在获取id并使其可见,而且它也不会对多个用户起作用

<a href="#">Readmore</a>


请提供任何解决方案。

看看简单的解决方案

<!DOCTYPE html>
<html ng-app="plunker">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.28/angular.js" data-semver="1.2.28"></script>
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
  <p>posed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default<a href="#" ng-click="show=!show">READ MORE...</a> 
  </p>
  <p ng-show="show">
    model tent here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text</p>
</body>

</html>

安古拉斯普朗克
文件。写(“”);
使用“这里的内容,这里的内容”,使它看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认设置

模型帐篷在这里,内容在这里“,使它看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本


请检查此Plunkr,根据您的要求编辑

...

我明白你的问题,但角度在哪里?您想要什么?单击“阅读更多”按钮后,应显示剩余文本,但不为剩余文本添加类或id。请尝试此代码演示程序,因为pankajparkar无法运行。我下载并运行它,但不工作尝试使用ShowThank,但如果我使用多个段落标记并单击readmore,则两者都将打开。所以这里面有个问题。如果我点击readmore,readmore按钮也应该是右边的。katmancoHello Manoi,这只是一个演示,假设您在ng repeat中有几个段落,然后您可以根据ng repeat的$index属性给出所有p标记ID,然后您可以使所有p标记的可见性都正常。耶!但当我点击“阅读更多”时,点击“阅读更多”单独隐藏,该段落应继续。。其余内容不应来自下一行@katmancoMy朋友这是一个简单的css问题,你可以自己处理:)如果你觉得我的帖子很有价值,投赞成票就好了:)