AngularJs使用WebApi搜索表单

Question

我是angularjs的新手所以我可能采取了错误的方法，但这是我的情况。我有一个MVC3应用程序，但我只使用Mvc来提供＆＃34;布局＆＃34;页面和脚本和CSS文件。在该视图中，我有一个ng-view标签。这是我的routeProvider

$routeProvider.when('/', { templateUrl: '/templates/search.html', controller: 'SearchController' }).
        when('/Search', { templateUrl: '/templates/searchResults.html', controller: 'SearchController' });

所以最初将加载search.html模板，这只是一个表单和搜索按钮。用户输入他们想要搜索的任何表格数据，然后单击＆＃34;搜索＆＃34;它绑定到一个函数$ scope.search，它获取表单数据并调用WebApi来获取结果。该函数返回一个promise，然后我想将结果分配给$ scope，然后通过调用$location.path("/Search");来加载searchResults.html模板问题是当它被调用时它重新加载控制器并且$ scope是消灭了。

我想在不使用MVC框架的情况下这样做。我知道棱角采用了一种新的思维方式，我认为我的问题就在那里。任何人都可以引导我到我应该去的地方吗？

Answer 1

您无需拨打$location.path("/Search");。

隐藏您需要使用ng-hide显示搜索结果的标记，并在执行承诺时显示该标记。