在AngularJS中设置初始值并在应用程序初始化时触发点击事件。

9 浏览
0 Comments

在AngularJS中设置初始值并在应用程序初始化时触发点击事件。

我在这个问题上遇到了困难。

我有一个使用HTML5历史API的搜索页面。

所以如果我搜索"html5"，我的URL就是"/search/html5"。

现在我希望我的应用程序能够处理页面刷新。当我按下"F5"时，我希望看到我的应用程序自动在文本输入框中填入"html5"，并触发点击按钮来启动搜索方法。

我真的很感激能得到一些帮助。

更新：我的意思是我需要手动（在Angular控制器之外）做一些像这样的事情

$scope.searchText = 'html5';
$scope.search();

但我不知道如何访问$scope。

0

3 答案

0 Comments

问题的出现原因是在AngularJS应用程序初始化时，需要设置初始值并触发点击事件。解决方法是在html代码中添加一个ng-init指令，通过该指令设置初始值并调用搜索函数。

具体的解决方法如下：

在html代码中添加以下代码：

这样做的好处是使用原生的方法，不需要任何第三方库的支持。相比于其他解决方法，这种方法更好，因为在使用后者的情况下，输入框的值在搜索完成之前不会更新，而且搜索是一个ajax调用，所以需要一些时间。

参考链接：

https://stackoverflow.com/a/13232922/801426

0
0 Comments

在这个问题中，原因是需要在AngularJS应用程序初始化时设置初始值并触发点击事件。解决方法是使用Angular的路由功能，通过$routeParams来访问搜索文本。代码如下：

$routeProvider
    .when('/search/:text', {
        templateUrl: 'search.html',
        controller: 'SearchController'
    });
app.controller('SearchController', function($scope, $routeParams) {
    // 设置初始值
    $scope.searchText = $routeParams.text;
    // 触发点击事件
    $scope.search = function() {
        // 执行搜索操作
    };
});

在这个例子中，当路由为"/search/html5"时，searchText的初始值将被设置为"html5"，然后触发搜索按钮的点击事件。这样就实现了在应用程序初始化时设置初始值并触发点击事件的需求。

0
0 Comments

在使用AngularJS时，有一个问题是在应用程序初始化时设置初始值并触发点击事件。解决此问题的方法是使用以下代码：

这段代码使用了jQuery的`$(document).ready()`函数来确保在文档完全加载后执行。在这个函数中，通过`angular.element($('#search-text'))`获取了`search-text`元素，并使用`scope()`方法获取了该元素的作用域对象`$scope`。

然后，通过`$scope.searchText`将服务器模板中的`<%= searchText %>`的值赋给了`searchText`属性。最后，通过`$scope.search()`触发了搜索事件。

此解决方法的灵感来自于一个名为"Call Angular JS from legacy code"的问题，可以在这里找到相关讨论。

通过以上代码和解决方法，我们可以在AngularJS应用程序初始化时设置初始值并触发点击事件。

0