javascript - 单击时 Angular 突出显示整个单词并在控制台中显示

标签 javascript angularjs

我想在单击它时突出显示整个单词并将其保存到某个变量中,以便我可以用它做一些事情。我不知道从哪里开始,因为我是 Angular 的新手。

最佳答案

这是我尝试完全使用 Angular

var app = angular.module('myApp', [])

app.controller('mainCtrl',['$scope' , function($scope) {

  var text = "a bit of text here";

  $scope.textArray= text.split(" ");

  $scope.print = function(t){
    // this function fetches the word, you can do anything with variable `t`
    console.log(t); // for instance I output it in the console
  }

  
}])
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<div ng-app="myApp" ng-controller="mainCtrl">
  <p>
    <span ng-repeat="t in textArray" ng-click="print(t)">{{t}} </span>
  </p>
</div>

关于javascript - 单击时 Angular 突出显示整个单词并在控制台中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34116039/

相关文章:

javascript - Angular $scope 在我的函数之外不可用

javascript - 从 Javascript 代码调用 Qt 函数

javascript - IF ELSE 语句都在点击 jquery 中的链接时执行

javascript - 以函数作为对象成员的闭包

javascript - Bootstrap 下拉菜单: not close when click outside the menu

javascript - `ng-click="$mdMenu.open($event) "` 在 Angular Material 中不起作用

javascript - 使用 Uint8ClampedArray 的 Node.js Canvas 实现

javascript - Angular 模块在 Karma Jasmine 测试运行中不可用

javascript - Angularjs 和自动生成的 SELECT 标签

javascript - Jasmine 测试自定义 http 服务