当前位置: 首页 > 面试题库 >

如何使用angular.js在title元素中绑定数据

钮鸿煊
2023-03-14
问题内容

我正在学习Angular.js并进行设置<title>{{title}}</title>,我尝试使用select元素进行更改

<select ng-model="user.title">
    <option value="Lorem">Lorem</option>
    <option value="Ipsum">Ipsum</option>
    <option value="Dolor">Dolor</option>
</select>

我试着ng-changeng-selectset()

function ctrl($scope) {
    $scope.title = "hello"; // this set the title
    $scope.set = function() {
        $scope.title = $scope.user.title; // this not
    };
}

该功能不起作用,但是当我仅将其设置为不具有功能时,该功能即起作用。

我也尝试创建更改指令

app.directive('change', function() {
    console.log('change');
    return {
        link: function(scope, element, attrs) {
            console.log(arguments);
            element[0].onChange = function() {
                scope[attrs[0]]();
            };
        }
    };
});

但这也不起作用。Console.log根本不执行。


问题答案:

没有额外的代码,一切都可以正常工作:

<html data-ng-app="app">
  <head>
    <title>{{title}}</title>
  </head>
  <body>
    {{title}}
    <select ng-model="title">
      <option value="Lorem">Lorem</option>
      <option value="Ipsum">Ipsum</option>
      <option value="Dolor">Dolor</option>
    </select>
  </body>
</html>

就这样。这是一支笔。



 类似资料:
  • 如何在Spring MVC中将输入元素绑定到数组列表元素? 视图模型: 模型属性: 控制器 然后,在jsp中,我有4个隐藏的输入,它们表示evaluatedId、evaluatorId、evoluatorName和evaluatedName的字段- 更新: 通过此更新,我收到以下错误:

  • 问题内容: 我试图从数组中删除元素,以便在视图中删除项目 仅出于说明目的,下面是一些代码: 如果名称正确,我想从视图中删除第一个元素吗?它工作正常,但视图会重新加载所有元素。因为所有阵列键均已移动。这在我正在创建的移动应用程序中造成了不必要的延迟。 有人对此问题有解决方案吗? 问题答案: 从数组中删除项目没有火箭科学。要从任何数组中删除项目,您需要使用:。这是一个例子: 的HTML 的JavaSc

  • 2)使用了显式wait(WaitForelementPresent/WaitForVisible/ElementTobeClickable/wait for invisibility of element等)(所有可能的尝试) 3)使用Java脚本(window.angular.element('body').injector().get('$http').PendingRequests.Leng

  • 问题内容: 我是Angular.js的新手,并且阅读我知道Angular没有诸如tap,doubletap等事件。我试图与Hammer.js结合使用而没有成功。 要点代码 现在我已经添加到我的html文件中 但是,当我尝试在我的html中使用它时,它不起作用。 我尝试过 没有人可以解决这个麻烦吗? 问题答案: 快去 将Hammer.js和jquery.hammer.js添加到您的解决方案中。使用J

  • 我在使用JAXB解析XML时遇到了这个问题。下面是所讨论的XML的简化布局: 我遇到的问题是,这些引用是在linkage标记下发送的,而linkage标记不是唯一的,而且也没有类似于根的“linkage”,这样我就可以轻松地用Java将其包装到列表中,因为generalInformation标记中有其他标记。以下是我到目前为止的设置方式: 所以我的问题是,如何配置GeneralInformatio

  • 本文向大家介绍如何使用jQuery在动态创建的元素上绑定事件?,包括了如何使用jQuery在动态创建的元素上绑定事件?的使用技巧和注意事项,需要的朋友参考一下 要在动态创建的元素上绑定事件,您需要动态加载。您可以尝试运行以下代码,以了解如何在动态创建的元素上绑定事件。在这里,我们将在单击按钮时生成一个新的列表项。 示例