Question

我想创建一个输入栏，在其中可以提交邮政编码，以后用它来查找提供给该邮政编码的比萨店。除了查询，我在发送zipCode时遇到问题。有什么建议吗？

home.html

function enterFooter (){
$pageFoot = <<<FOOT
<footer class="web-foot">
    <div class="link-container">
        <ul>
            <li>
                <a href="#">Homepage</a>
            </li>
            <li>
                <a href="#">Sitemap</a>
            </li>
            <li>
                <a href="#">Company</a>
            </li>
            <li>
                <a href="#">Home</a>
            </li>
        </ul>
    </div>
</footer>
FOOT;
echo $pageFooter;

main.js

    <div class="bar">
        <form ng-submit=submit() ng-controller="zipCodeController">
            <p><b>Wpisz kod pocztowy np. 30-069</b></p>
            <input type="text" ng-model="text" name="text"/>
        </form>
    </div>

Answer 1

这就是服务的目的，可以将它们注入需要共享数据的每个组件中。

app.service('zipCodeService', function() { return { zipCodes:[] }; });

将其添加到组件的依赖项列表中

app.controller('zipCodeController', ['$scope', '$location', 'zipCodeService', function($scope, $location, zipCodeService)

现在将zipCode添加到服务而不是您的范围

zipCodeService.zipCodes.push(this.text);

您要通过注入服务访问该数组的任何其他组件，它是该数组的同一实例。

从输入栏传递参数

1 个答案: